From 60c5cc8a9a8bea8b6dd9debe07e71cb3d12d5b31 Mon Sep 17 00:00:00 2001 From: Rene Haas Date: Mon, 14 Nov 2022 10:49:13 +0100 Subject: [PATCH] improve website --- docs/404.html | 4 ++-- ...d4a4a7f94bc7.js => _app-ac0e1f2fc4980ec7.js} | 6 +++--- .../chunks/pages/index-188ae9b9804badb3.js | 5 ----- .../chunks/pages/index-6cf432147fa9d4da.js | 5 +++++ docs/_next/static/css/054cd89f2e050c9e.css | 1 + docs/_next/static/css/5f33822f712d42a1.css | 12 ++++++++++++ docs/_next/static/css/6d4acf96faa56924.css | 12 ------------ docs/_next/static/css/84d874cedcd57975.css | 1 - .../_buildManifest.js | 2 +- .../_ssgManifest.js | 0 docs/img/browserstack.png | Bin 0 -> 22066 bytes docs/index.html | 6 +++--- local/tailwind/tailwind.config.js | 5 +++-- website/src/assets/css/styles.css | 13 +++++++++++++ website/src/components/index.mdx | 12 ++++++------ website/src/pages/index.module.scss | 1 + website/src/pages/index.tsx | 12 ++++++++---- 17 files changed, 58 insertions(+), 39 deletions(-) rename docs/_next/static/chunks/pages/{_app-6150d4a4a7f94bc7.js => _app-ac0e1f2fc4980ec7.js} (95%) delete mode 100644 docs/_next/static/chunks/pages/index-188ae9b9804badb3.js create mode 100644 docs/_next/static/chunks/pages/index-6cf432147fa9d4da.js create mode 100644 docs/_next/static/css/054cd89f2e050c9e.css create mode 100644 docs/_next/static/css/5f33822f712d42a1.css delete mode 100644 docs/_next/static/css/6d4acf96faa56924.css delete mode 100644 docs/_next/static/css/84d874cedcd57975.css rename docs/_next/static/{tQOy37nmg763bauC5xcoV => wkOU74O7kOlik2LTdPTsJ}/_buildManifest.js (59%) rename docs/_next/static/{tQOy37nmg763bauC5xcoV => wkOU74O7kOlik2LTdPTsJ}/_ssgManifest.js (100%) create mode 100644 docs/img/browserstack.png diff --git a/docs/404.html b/docs/404.html index 75bff85..cd2af66 100644 --- a/docs/404.html +++ b/docs/404.html @@ -1,4 +1,4 @@ -404: This page could not be found

404

This page could not be found.

\ No newline at end of file + }

404

This page could not be found.

\ No newline at end of file diff --git a/docs/_next/static/chunks/pages/_app-6150d4a4a7f94bc7.js b/docs/_next/static/chunks/pages/_app-ac0e1f2fc4980ec7.js similarity index 95% rename from docs/_next/static/chunks/pages/_app-6150d4a4a7f94bc7.js rename to docs/_next/static/chunks/pages/_app-ac0e1f2fc4980ec7.js index cd550f7..6e00bc9 100644 --- a/docs/_next/static/chunks/pages/_app-6150d4a4a7f94bc7.js +++ b/docs/_next/static/chunks/pages/_app-ac0e1f2fc4980ec7.js @@ -1,9 +1,9 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[888],{8936:function(t,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return r(3022)}])},2581:function(t,n,r){"use strict";r.d(n,{a:function(){return rC}});var e=r(7599);function o(t,n){return null!=n&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](t):t instanceof n}function i(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=Array(n);r-1&&n%1==0;return(!!O(t)||!x(t)&&!!r)&&(!(n>0&&S(t))||n-1 in t)},j=function(t){if(!t||!S(t)||"object"!==(h(n=t)||y(n)?"".concat(n):p.call(n).replace(/^\[object (.+)\]$/,"$1").toLowerCase()))return!1;var n,r,e="constructor",o=t[e],i=o&&o.prototype,u=b.call(t,e),c=i&&b.call(i,"isPrototypeOf");if(o&&!u&&!c)return!1;for(r in t);return h(r)||b.call(t,r)},P=function(t){var n=HTMLElement;return!!t&&(n?o(t,n):t.nodeType===d)},E=function(t){var n=Element;return!!t&&(n?o(t,n):t.nodeType===d)},C=function(t,n,r){return t.indexOf(n,r)},T=function(t,n,r){return!r&&!m(n)&&_(n)?Array.prototype.push.apply(t,n):t.push(n),t},L=function(t){var n=Array.from,r=[];return n&&t?n(t):(o(t,Set)?t.forEach(function(t){T(r,t)}):c(t,function(t){T(r,t)}),r)},k=function(t){return!!t&&0===t.length},A=function(t,n,r){c(t,function(t){return t&&t.apply(void 0,n||[])}),r||(t.length=0)},M=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},N=function(t){return t?Object.keys(t):[]},I=function(t,n,r,e,o,i,u){return("object"!=typeof t||y(t))&&!x(t)&&(t={}),c([n,r,e,o,i,u],function(n){c(N(n),function(r){var e=n[r];if(t===e)return!0;var o=O(e);if(e&&(j(e)||o)){var i=t[r],u=i;o&&!O(i)?u=[]:o||j(i)||(u={}),t[r]=I(u,e)}else t[r]=e})}),t},z=function(t){for(var n in t)return!1;return!0},B=function(t,n,r,e){if(h(e))return r?r[t]:n;r&&(m(e)||g(e))&&(r[t]=e)},Z=function(t,n,r){if(h(r))return t?t.getAttribute(n):null;t&&t.setAttribute(n,r)},X=function(t,n,r,e){if(r){var o=Z(t,n)||"",i=new Set(o.split(" "));i[e?"add":"delete"](r),Z(t,n,L(i).join(" ").trim())}},D=function(t,n,r){var e=Z(t,n)||"";return new Set(e.split(" ")).has(r)},H=function(t,n){t&&t.removeAttribute(n)},F=function(t,n){return B("scrollLeft",0,t,n)},R=function(t,n){return B("scrollTop",0,t,n)},Y=s()&&Element.prototype,K=function(t,n){var r=[],e=n?E(n)?n:null:document;return e?T(r,e.querySelectorAll(t)):r},J=function(t,n){var r=n?E(n)?n:null:document;return r?r.querySelector(t):null},V=function(t,n){return!!E(t)&&(Y.matches||Y.msMatchesSelector).call(t,n)},W=function(t){return t?L(t.childNodes):[]},q=function(t){return t?t.parentElement:null},$=function(t,n){if(E(t)){var r=Y.closest;if(r)return r.call(t,n);do{if(V(t,n))return t;t=q(t)}while(t)}return null},G=function(t,n,r){var e=t&&$(t,n),o=t&&J(r,e),i=$(o,n)===e;return!!e&&!!o&&(e===t||o===t||i&&$($(t,r),n)!==e)},U=function(t,n,r){if(r&&t){var e,o=n;_(r)?(e=document.createDocumentFragment(),c(r,function(t){t===o&&(o=t.previousSibling),e.appendChild(t)})):e=r,n&&(o?o!==n&&(o=o.nextSibling):o=t.firstChild),t.insertBefore(e,o||null)}},Q=function(t,n){U(t,null,n)},tt=function(t,n){U(q(t),t,n)},tn=function(t,n){U(q(t),t&&t.nextSibling,n)},tr=function(t){if(_(t))c(L(t),function(t){return tr(t)});else if(t){var n=q(t);n&&n.removeChild(t)}},te=function(t){var n=document.createElement("div");return t&&Z(n,"class",t),n},to=function(t){var n=te();return n.innerHTML=t.trim(),c(W(n),function(t){return tr(t)})},ti=function(t){return t.charAt(0).toUpperCase()+t.slice(1)},tu=["-webkit-","-moz-","-o-","-ms-"],tc=["WebKit","Moz","O","MS","webkit","moz","o","ms"],ta={},tf={},tl=function(t){var n=tf[t];if(M(tf,t))return n;var r=ti(t),e=te().style;return c(tu,function(o){var i=o.replace(/-/g,"");return!(n=[t,o+t,i+r,ti(i)+r].find(function(t){return void 0!==e[t]}))}),tf[t]=n||""},ts=function(t){if(s()){var n=ta[t]||window[t];return M(ta,t)||(c(tc,function(r){return!(n=n||window[r+ti(t)])}),ta[t]=n),n}},td=ts("MutationObserver"),tv=ts("IntersectionObserver"),tp=ts("ResizeObserver"),tb=ts("cancelAnimationFrame"),th=ts("requestAnimationFrame"),ty=s()&&window.setTimeout,tg=s()&&window.clearTimeout,tm=function(t,n,r,e){if(t&&n){var o=!0;return c(r,function(r){var i=e?e(t[r]):t[r],u=e?e(n[r]):n[r];i!==u&&(o=!1)}),o}return!1},tw=function(t,n){return tm(t,n,["w","h"])},tx=function(t,n){return tm(t,n,["x","y"])},tO=function(t,n){return tm(t,n,["t","r","b","l"])},tS=function(t,n,r){return tm(t,n,["width","height"],r&&function(t){return Math.round(t)})},t_=function(){},tj=function(t){var n,r=t?ty:th,e=t?tg:tb;return[function(o){e(n),n=r(o,x(t)?t():t)},function(){return e(n)}]},tP=function(t,n){var r,e,o,i=t_,u=n||{},c=u.g,a=u.v,f=u.p,l=function(n){i(),tg(r),r=e=void 0,i=t_,t.apply(this,n)},s=function(t){return f&&e?f(e,t):t},d=function(){i!==t_&&l(s(o)||o)},v=function(){var t=L(arguments),n=x(c)?c():c;if(g(n)&&n>=0){var u=x(a)?a():a,f=g(u)&&u>=0,v=n>0?tg:tb,p=s(t)||t,b=l.bind(0,p);i();var h=(n>0?ty:th)(b,n);i=function(){return v(h)},f&&!r&&(r=ty(d,u)),e=o=p}else l(t)};return v.m=d,v},tE=/[^\x20\t\r\n\f]+/g,tC=function(t,n,r){var e,o=t&&t.classList,i=0,u=!1;if(o&&n&&m(n)){var c=n.match(tE)||[];for(u=c.length>0;e=c[i++];)u=!!r(o,e)&&u}return u},tT=function(t,n){tC(t,n,function(t,n){return t.remove(n)})},tL=function(t,n){return tC(t,n,function(t,n){return t.add(n)}),tT.bind(0,t,n)},tk={opacity:1,zindex:1},tA=function(t,n){var r=n?parseFloat(t):parseInt(t,10);return r==r?r:0},tM=function(t,n,r){return null!=n?n[r]||n.getPropertyValue(r):t.style[r]},tN=function(t,n,r){try{var e,o,i=t.style;h(i[n])?i.setProperty(n,r):i[n]=!tk[n.toLowerCase()]&&g(r)?"".concat(r,"px"):r}catch(u){}},tI=function(t){return"rtl"===a(t,"direction")},tz=function(t,n,r){var e=n?"".concat(n,"-"):"",o=r?"-".concat(r):"",i="".concat(e,"top").concat(o),u="".concat(e,"right").concat(o),c="".concat(e,"bottom").concat(o),f="".concat(e,"left").concat(o),l=a(t,[i,u,c,f]);return{t:tA(l[i],!0),r:tA(l[u],!0),b:tA(l[c],!0),l:tA(l[f],!0)}},tB=Math.round,tZ={w:0,h:0},tX=function(t){return t?{w:t.offsetWidth,h:t.offsetHeight}:tZ},tD=function(t){return t?{w:t.clientWidth,h:t.clientHeight}:tZ},tH=function(t){return t?{w:t.scrollWidth,h:t.scrollHeight}:tZ},tF=function(t){var n=parseFloat(a(t,"height"))||0,r=parseFloat(a(t,"width"))||0;return{w:r-tB(r),h:n-tB(n)}},tR=function(t){return t.getBoundingClientRect()},tY=function(){if(h(f)){f=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){f=!0}}))}catch(t){}}return f},tK=function(t){return t.split(" ")},tJ=function(t,n,r,e){c(tK(n),function(n){t.removeEventListener(n,r,e)})},tV=function(t,n,r,e){var o,i=tY(),u=null!=(o=i&&e&&e.S)?o:i,a=e&&e.$||!1,f=e&&e.C||!1,l=[],s=i?{passive:u,capture:a}:a;return c(tK(n),function(n){var e=f?function(o){t.removeEventListener(n,e,a),r&&r(o)}:r;T(l,tJ.bind(null,t,n,e,a)),t.addEventListener(n,e,s)}),A.bind(0,l)},tW=function(t){return t.stopPropagation()},tq=function(t){return t.preventDefault()},t$={x:0,y:0},tG=function(t){var n=t?tR(t):0;return n?{x:n.left+window.pageYOffset,y:n.top+window.pageXOffset}:t$},tU=function(t,n){c(O(n)?n:[n],t)},tQ=function(t){var n=new Map,r=function(t,r){if(t){var e=n.get(t);tU(function(t){e&&e[t?"delete":"clear"](t)},r)}else n.forEach(function(t){t.clear()}),n.clear()},e=function(t,o){if(m(t)){var i=n.get(t)||new Set;return n.set(t,i),tU(function(t){x(t)&&i.add(t)},o),r.bind(0,t,o)}w(o)&&o&&r();var u=N(t),a=[];return c(u,function(n){var r=t[n];r&&T(a,e(n,r))}),A.bind(0,a)},o=function(t,r){c(L(n.get(t)),function(t){r&&!k(r)?t.apply(0,r):t()})};return e(t||{}),[e,r,o]},t0=function(t){return JSON.stringify(t,function(t,n){if(x(n))throw Error();return n})},t1={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{elementEvents:[["img","load"]],debounce:[0,33],attributes:null,ignoreMutation:null},overflow:{x:"scroll",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"never",autoHideDelay:1300,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},t2=function(t,n){var r={},e=N(n).concat(N(t));return c(e,function(e){var o=t[e],i=n[e];if(S(o)&&S(i))I(r[e]={},t2(o,i)),z(r[e])&&delete r[e];else if(M(n,e)&&i!==o){var u=!0;if(O(o)||O(i))try{t0(o)===t0(i)&&(u=!1)}catch(c){}u&&(r[e]=i)}}),r},t3="os-environment",t7="".concat(t3,"-flexbox-glue"),t8="".concat(t7,"-max"),t5="data-overlayscrollbars",t9="".concat(t5,"-overflow-x"),t6="".concat(t5,"-overflow-y"),t4="overflowVisible",nt="updating",nn="os-viewport",nr="".concat(nn,"-arrange"),ne="".concat(nn,"-scrollbar-hidden"),no="os-overflow-visible",ni="os-size-observer",nu="".concat(ni,"-appear"),nc="".concat(ni,"-listener"),na=("".concat(nc,"-scroll"),"".concat(nc,"-item")),nf=("".concat(na,"-final"),"os-scrollbar"),nl="".concat(nf,"-rtl"),ns="".concat(nf,"-horizontal"),nd="".concat(nf,"-vertical"),nv="".concat(nf,"-track"),np="".concat(nf,"-handle"),nb="".concat(nf,"-visible"),nh="".concat(nf,"-cornerless"),ny="".concat(nf,"-transitionless"),ng="".concat(nf,"-interaction"),nm="".concat(nf,"-unusable"),nw="".concat(nf,"-auto-hidden"),nx="".concat(nf,"-wheel"),nO="".concat(nv,"-interactive"),nS="".concat(np,"-interactive"),n_={},nj=function(){return n_},nP=function(t){var n=[];return c(O(t)?t:[t],function(t){var r=N(t);c(r,function(r){T(n,n_[r]=t[r])})}),n},nE={boolean:"__TPL_boolean_TYPE__",number:"__TPL_number_TYPE__",string:"__TPL_string_TYPE__",array:"__TPL_array_TYPE__",object:"__TPL_object_TYPE__",function:"__TPL_function_TYPE__",null:"__TPL_null_TYPE__"};nE.number,nE.boolean,nE.array,nE.null,nE.number,nE.array,nE.null,nE.function,nE.null,nE.string,nE.null,nE.array,nE.null;var nC,nT="__osScrollbarsHidingPlugin",nL=function(t,n,r,e){Q(t,n);var o=tD(n),i=tX(n),u=tF(r);return e&&tr(n),{x:i.h-o.h+u.h,y:i.w-o.w+u.w}},nk=function(t){var n=!1,r=tL(t,ne);try{n="none"===a(t,tl("scrollbar-width"))||"none"===window.getComputedStyle(t,"::-webkit-scrollbar").getPropertyValue("display")}catch(e){}return r(),n},nA=function(t,n){var r="hidden";a(t,{overflowX:r,overflowY:r,direction:"rtl"}),F(t,0);var e=tG(t),o=tG(n);F(t,-999);var i=tG(n);return{i:e.x===o.x,n:o.x!==i.x}},nM=function(t,n){var r=tL(t,t7),e=tR(t),o=tR(n),i=tS(o,e,!0),u=tL(t,t8),c=tR(t),a=tR(n),f=tS(a,c,!0);return r(),u(),i&&f},nN=function(){var t,n=document.body,r=to('
'))[0],e=r.firstChild,o=u(tQ(),3),i=o[0],c=o[2],f=u(l({o:nL(n,r,e),u:tx},nL.bind(0,n,r,e,!0)),2),s=f[0],d=u((0,f[1])(),1)[0],v=nk(r),p={x:0===d.x,y:0===d.y},b={elements:{host:null,padding:!v,viewport:function(t){return v&&t===t.ownerDocument.body&&t},content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},h=I({},t1),y=I.bind(0,{},h),g=I.bind(0,{},b),m={k:d,I:p,A:v,L:"-1"===a(r,"zIndex"),V:nA(r,e),B:nM(r,e),Y:i.bind(0,"z"),j:i.bind(0,"r"),q:g,N:function(t){return I(b,t)&&g()},F:y,G:function(t){return I(h,t)&&y()},X:I({},b),U:I({},h)},w=window.addEventListener,x=tP(function(t){return c(t?"z":"r")},{g:33,v:99});return H(r,"style"),tr(r),w("resize",x.bind(0,!1)),v||p.x&&p.y||w("resize",function(){var n=nj()[nT];(t=t||n&&n.R())&&t(m,s,x.bind(0,!0))}),m},nI=function(){return nC||(nC=nN()),nC},nz=function(t,n){return x(n)?n.apply(0,t):n},nB=function(t,n,r,e){var o=h(e)?r:e;return nz(t,o)||n.apply(0,t)},nZ=function(t,n,r,e){var o=h(e)?r:e,i=nz(t,o);return!!i&&(P(i)?i:n.apply(0,t))},nX=function(t,n,r){var e=r||{},o=e.nativeScrollbarsOverlaid,i=e.body,u=nI(),c=u.I,a=u.A,f=n.nativeScrollbarsOverlaid,l=n.body,s=h(i)?l:i,d=(c.x||c.y)&&(null!=o?o:f),v=t&&(y(s)?!a:s);return!!d||!!v},nD=new WeakMap,nH=function(t,n){nD.set(t,n)},nF=function(t){nD.delete(t)},nR=function(t){return nD.get(t)},nY=function(t,n){return t?n.split(".").reduce(function(t,n){return t&&M(t,n)?t[n]:void 0},t):void 0},nK=function(t,n,r){return function(e){return[nY(t,e),r||void 0!==nY(n,e)]}},nJ=function(t){var n=t;return[function(){return n},function(t){n=I({},n,t)}]},nV="tabindex",nW=te.bind(0,""),nq=function(t){Q(q(t),W(t)),tr(t)},n$=function(t){var n=nI(),r=n.q,e=n.A,o=nj()[nT],i=o&&o.T,u=r().elements,c=u.host,a=u.padding,f=u.viewport,l=u.content,s=P(t),d=s?{}:t,v=d.elements||{},p=v.host,b=v.padding,h=v.viewport,y=v.content,g=s?t:d.target,m=V(g,"textarea"),w=g.ownerDocument,x=w.documentElement,O=g===w.body,S=w.defaultView,_=nB.bind(0,[g]),j=nZ.bind(0,[g]),E=nz.bind(0,[g]),L=_.bind(0,nW,f),k=j.bind(0,nW,l),M=L(h),I=M===g,z=I&&O,B=!I&&k(y),F=!I&&P(M)&&M===B,R=F&&!!E(l),Y=R?L():M,K=R?B:k(),J=F?Y:M,$=w.activeElement,G=!I&&S.top===S&&$===g,U={W:g,Z:m?_(nW,c,p):g,J:J,K:!I&&j(nW,a,b),tt:F?K:B,nt:!I&&!e&&i&&i(n),ot:z?x:J,st:z?w:J,et:S,ct:w,rt:m,it:O,lt:s,ut:I,dt:F,ft:function(t,n){var r,e;return I?D(J,t5,n):tC(J,t,function(t,n){return t.contains(n)})},_t:function(t,n,r){return I?X(J,t5,n,r):(r?tL:tT)(J,t)}},te=N(U).reduce(function(t,n){var r=U[n];return T(t,!!r&&!q(r)&&r)},[]),to=function(t){return t?C(te,t)>-1:null},ti=U.W,tu=U.Z,tc=U.K,ta=U.J,tf=U.tt,tl=U.nt,ts=[function(){H(tu,t5),O&&H(x,t5)}],td=m&&to(tu),tv=m?ti:W([tf,ta,tc,tu,ti].find(function(t){return!1===to(t)})),tp=tf||ta;return[U,function(){Z(tu,t5,I?"viewport":"host");var t=tL(tc,"os-padding"),n=tL(ta,!I&&nn),r=tL(tf,"os-content"),o=O?tL(q(g),ne):t_;if(td&&(tn(ti,tu),T(ts,function(){tn(tu,ti),tr(tu)})),Q(tp,tv),Q(tu,tc),Q(tc||tu,!I&&ta),Q(ta,tf),T(ts,function(){o(),H(ta,t9),H(ta,t6),to(tf)&&nq(tf),to(ta)&&nq(ta),to(tc)&&nq(tc),t(),n(),r()}),e&&!I&&T(ts,tT.bind(0,ta,ne)),tl&&(tt(ta,tl),T(ts,tr.bind(0,tl))),G){var i=Z(ta,nV);Z(ta,nV,"-1"),ta.focus();var u=function(){return i?Z(ta,nV,i):H(ta,nV)},c=tV(w,"pointerdown keydown",function(){u(),c()});T(ts,[u,c])}else $&&$.focus&&$.focus();tv=0},A.bind(0,ts)]},nG=function(t,n){var r=t.tt,e=u(n,1)[0];return function(t){var n=nI().B,o=e().ht,i=t.gt,u=(r||!n)&&i;return u&&a(r,{height:o?"":"100%"}),{vt:u,wt:u}}},nU=function(t,n){var r=u(n,2),e=r[0],o=r[1],i=t.Z,c=t.K,f=t.J,s=t.ut,d=u(l({u:tO,o:tz()},tz.bind(0,i,"padding","")),2),v=d[0],p=d[1];return function(t,n,r){var i,l=u(p(r),2),d=l[0],b=l[1],h=nI(),y=h.A,g=h.B,m=e().bt,w=t.vt,x=t.wt,O=t.yt,S=u(n("paddingAbsolute"),2),_=S[0],j=S[1];(w||b||!g&&x)&&(d=(i=u(v(r),2))[0],b=i[1]);var P=!s&&(j||O||b);if(P){var E=!_||!c&&!y,C=d.r+d.l,T=d.t+d.b,L={marginRight:E&&!m?-C:0,marginBottom:E?-T:0,marginLeft:E&&m?-C:0,top:E?-d.t:0,right:E?m?-d.r:"auto":0,left:E?m?"auto":-d.l:0,width:E?"calc(100% + ".concat(C,"px)"):""},k={paddingTop:E?d.t:0,paddingRight:E?d.r:0,paddingBottom:E?d.b:0,paddingLeft:E?d.l:0};a(c||f,L),a(f,k),o({K:d,St:!E,M:c?k:I({},L,k)})}return{xt:P}}},nQ=Math.max,n0=nQ.bind(0,0),n1="visible",n2="hidden",n3={u:tw,o:{w:0,h:0}},n7={u:tx,o:{x:n2,y:n2}},n8=function(t,n){var r=window.devicePixelRatio%1!=0?1:0,e={w:n0(t.w-n.w),h:n0(t.h-n.h)};return{w:e.w>r?e.w:0,h:e.h>r?e.h:0}},n5=function(t,n,r){return r?tL(t,n):tT(t,n)},n9=function(t){return 0===t.indexOf(n1)},n6=function(t,n){var r=u(n,2),e=r[0],o=r[1],i=t.Z,c=t.K,f=t.J,s=t.nt,d=t.ut,v=t._t,p=t.it,b=t.et,h=nI(),y=h.k,g=h.B,m=h.A,w=h.I,x=nj()[nT],O=!d&&!m&&(w.x||w.y),S=p&&d,_=u(l(n3,tF.bind(0,f)),2),j=_[0],P=_[1],E=u(l(n3,tH.bind(0,f)),2),C=E[0],T=E[1],L=u(l(n3),2),k=L[0],A=L[1],M=u(l(n3),2),N=M[0],I=M[1],z=u(l(n7),1)[0],B=function(t,n){if(a(f,{height:""}),n){var r=e(),o=r.St,u=r.K,c=t.$t,l=t.P,s=tF(i),d=tD(i),v="content-box"===a(f,"boxSizing"),p=o||v?u.b+u.t:0,b=!(w.x&&v);a(f,{height:d.h+s.h+(c.x&&b?l.x:0)-p})}},D=function(t,n){var r,e=m||t?0:42,o=function(t,r,o){var i=a(f,t),u=(n?n[t]:i)==="scroll";return[i,u,u&&!m?r?e:o:0,r&&!!e]},i=u(o("overflowX",w.x,y.x),4),c=i[0],l=i[1],s=i[2],d=i[3],v=u(o("overflowY",w.y,y.y),4),p=v[0],b=v[1];return{Ct:{x:c,y:p},$t:{x:l,y:b},P:{x:s,y:v[2]},D:{x:d,y:v[3]}}},H=function(t,n,r,e){var o=function(t,n){var r=n9(t),e=n&&r&&t.replace("".concat(n1,"-"),"")||"";return[n&&!r?t:"",n9(e)?"hidden":e]},i=u(o(r.x,n.x),2),c=i[0],a=i[1],f=u(o(r.y,n.y),2),l=f[0],s=f[1];return e.overflowX=a&&l?a:c,e.overflowY=s&&c?s:l,D(t,e)},F=function(t,n,r,o){var i=t.P,u=t.D,c=u.x,a=u.y,f=i.x,l=i.y,s=e().M,d=n?"marginLeft":"marginRight",v=n?"paddingLeft":"paddingRight",p=s[d],b=s.marginBottom,h=s[v],y=s.paddingBottom;o.width="calc(100% + ".concat(l+-1*p,"px)"),o[d]=-l+p,o.marginBottom=-f+b,r&&(o[v]=h+(a?l:0),o.paddingBottom=y+(c?f:0))},R=u(x?x.H(O,g,f,s,e,D,F):[function(){return O},function(){return[t_]}],2),Y=R[0],K=R[1];return function(t,n,r){var l,s=t.vt,p=t.Ot,h=t.wt,y=t.xt,x=t.gt,O=t.yt,_=e(),E=_.ht,L=_.bt,M=u(n("showNativeOverlaidScrollbars"),2),R=M[0],J=M[1],V=u(n("overflow"),2),W=V[0],q=V[1],$=R&&w.x&&w.y,G=!d&&!g&&(s||h||p||J||x),U=n9(W.x),Q=n9(W.y),tt=U||Q,tn=P(r),tr=T(r),te=A(r),to=I(r);if(J&&m&&v(ne,"scrollbarHidden",!$),G&&(l=D($),B(l,E)),s||y||h||O||J){tt&&v(no,t4,!1);var ti=u(K($,L,l),2),tu=ti[0],tc=ti[1],ta=u(tn=j(r),2),tf=ta[0],tl=ta[1],ts=u(tr=C(r),2),td=ts[0],tv=ts[1],tp=tD(f),tb=td,th=tp;tu(),(tv||tl||J)&&tc&&!$&&Y(tc,td,tf,L)&&(th=tD(f),tb=tH(f));var ty={w:n0(nQ(td.w,tb.w)+tf.w),h:n0(nQ(td.h,tb.h)+tf.h)},tg={w:n0((S?b.innerWidth:th.w+n0(tp.w-td.w))+tf.w),h:n0((S?b.innerHeight+tf.h:th.h+n0(tp.h-td.h))+tf.h)};to=N(tg),te=k(n8(ty,tg),r)}var tm=u(to,2),tw=tm[0],tx=tm[1],tO=u(te,2),tS=tO[0],t_=tO[1],tj=u(tr,2),tP=tj[0],tE=tj[1],tC=u(tn,2),tT=tC[0],tL=tC[1],tk={x:tS.w>0,y:tS.h>0},tA=U&&Q&&(tk.x||tk.y)||U&&tk.x&&!tk.y||Q&&tk.y&&!tk.x;if(y||O||tL||tE||tx||t_||q||J||G){var tM={marginRight:0,marginBottom:0,marginLeft:0,width:"",overflowY:"",overflowX:""},tN=H($,tk,W,tM),tI=Y(tN,tP,tT,L);d||F(tN,L,tI,tM),G&&B(tN,E),d?(Z(i,t9,tM.overflowX),Z(i,t6,tM.overflowY)):a(f,tM)}X(i,t5,t4,tA),n5(c,no,tA),d||n5(f,no,tt);var tz=u(z(D($).Ct),2),tB=tz[0],tZ=tz[1];return o({Ct:tB,zt:{x:tw.w,y:tw.h},Tt:{x:tS.w,y:tS.h},Et:tk}),{At:tZ,It:tx,Lt:t_}}},n4=function(t,n,r){var e={},o=n||{},i=N(t).concat(N(o));return c(i,function(n){var i=t[n],u=o[n];e[n]=!!(r||i||u)}),e},rt=function(t,n){var r=t.W,e=t.J,o=t._t,i=t.ut,u=nI(),a=u.A,f=u.I,l=u.B,s=!a&&(f.x||f.y),d=[nG(t,n),nU(t,n),n6(t,n)];return function(t,n,u){var a=n4(I({vt:!1,xt:!1,yt:!1,gt:!1,It:!1,Lt:!1,At:!1,Ot:!1,wt:!1},n),{},u),f=s||!l,v=f&&F(e),p=f&&R(e);o("",nt,!0);var b=a;return c(d,function(n){b=n4(b,n(b,t,!!u)||{},u)}),F(e,v),R(e,p),o("",nt),i||(F(r,0),R(r,0)),b}},rn=function(t,n,r){var e,o=!1,i=function(){o=!0},a=function(i){if(r){var a=r.reduce(function(n,r){if(r){var e=u(r,2),o=e[0],c=e[1],a=c&&o&&(i?i(o):K(o,t));a&&a.length&&c&&m(c)&&T(n,[a,c.trim()],!0)}return n},[]);c(a,function(r){return c(r[0],function(i){var u=r[1],c=e.get(i)||[];if(t.contains(i)){var a=tV(i,u,function(t){o?(a(),e.delete(i)):n(t)});e.set(i,T(c,a))}else A(c),e.delete(i)})})}};return r&&(e=new WeakMap,a()),[i,a]},rr=function(t,n,r,e){var o=!1,i=e||{},a=i.Ht,f=i.Mt,l=i.Pt,s=i.Dt,d=i.Rt,v=i.kt,p=tP(function(){o&&r(!0)},{g:33,v:99}),b=u(rn(t,p,l),2),h=b[0],y=b[1],g=f||[],w=(a||[]).concat(g),x=function(o,i){var u=d||t_,a=v||t_,f=new Set,l=new Set,p=!1,b=!1;if(c(o,function(r){var o=r.attributeName,i=r.target,d=r.type,v=r.oldValue,h=r.addedNodes,y=r.removedNodes,w="attributes"===d,x=t===i,O=w&&m(o)?Z(i,o):0,S=0!==O&&v!==O,_=C(g,o)>-1&&S;if(n&&("childList"===d||!x)){var j=w&&S,P=j&&s&&V(i,s),E=(P?!u(i,o,v,O):!w||j)&&!a(r,!!P,t,e);c(h,function(t){return f.add(t)}),c(y,function(t){return f.add(t)}),b=b||E}!n&&x&&S&&!u(i,o,v,O)&&(l.add(o),p=p||_)}),f.size>0&&y(function(t){return L(f).reduce(function(n,r){return T(n,K(t,r)),V(r,t)?T(n,r):n},[])}),n)return!i&&b&&r(!1),[!1];if(l.size>0||p){var h=[L(l),p];return i||r.apply(0,h),h}},O=new td(function(t){return x(t)});return O.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:w,subtree:n,childList:n,characterData:n}),o=!0,[function(){o&&(h(),O.disconnect(),o=!1)},function(){if(o){p.m();var t=O.takeRecords();return!k(t)&&x(t,!0)}}]},re=function(t){return t&&(t.height||t.width)},ro=function(t,n,r){var e=r||{},o=e.Vt,i=void 0!==o&&o,c=e.Bt,a=void 0!==c&&c,f=nj().__osSizeObserverPlugin,s=nI().V,d=to('
'))[0],v=d.firstChild,p=tI.bind(0,t),b=u(l({o:void 0,_:!0,u:function(t,n){return!(!t||!re(t)&&re(n))}}),1)[0],h=function(t){var r,e=O(t)&&t.length>0&&S(t[0]),o=!e&&w(t[0]),c=!1,a=!1,f=!0;if(e){var l=u(b(t.pop().contentRect),3),v=l[0],p=l[2],h=re(v),y=re(p);c=!p||!h,a=!y&&h,f=!c}else o?f=u(t,2)[1]:a=!0===t;if(i&&f){var g=o?t[0]:tI(d);F(d,g?s.n?-3333333:s.i?0:3333333:3333333),R(d,3333333)}c||n({vt:!o,Yt:o?t:void 0,Bt:!!a})},y=[],g=!!a&&h;return[function(){A(y),tr(d)},function(){if(tp){var n=new tp(h);n.observe(v),T(y,function(){n.disconnect()})}else if(f){var r=u(f.O(v,h,a),2),e=r[0],o=r[1];g=e,T(y,o)}if(i){var c=u(l({o:!p()},p),1)[0];T(y,tV(d,"scroll",function(t){var n=c(),r=u(n,2),e=r[0];r[1]&&(tT(v,"ltr rtl"),e?tL(v,"rtl"):tL(v,"ltr"),h(n)),tW(t)}))}g&&(tL(d,nu),T(y,tV(d,"animationstart",g,{C:!!tp}))),(tp||f)&&Q(t,d)}]},ri=function(t,n){var r,e=te("os-trinsic-observer"),o=[],i=u(l({o:!1}),1)[0],c=function(t,r){if(t){var e,o=i(0===t.h||t.isIntersecting||t.intersectionRatio>0);if(u(o,2)[1])return r||n(o),[o]}},a=function(t,n){if(t&&t.length>0)return c(t.pop(),n)};return[function(){A(o),tr(e)},function(){if(tv)(r=new tv(function(t){return a(t)},{root:t})).observe(e),T(o,function(){r.disconnect()});else{var n=function(){var t=tX(e);c(t)},i=u(ro(e,n),2),f=i[0],l=i[1];T(o,f),l(),n()}Q(t,e)},function(){if(r)return a(r.takeRecords(),!0)}]},ru="[".concat(t5,"]"),rc=".".concat(nn),ra=["tabindex"],rf=["wrap","cols","rows"],rl=["id","class","style","open"],rs=function(t,n,r){var e,o,i,a=t.Z,f=t.J,s=t.tt,d=t.rt,v=t.ut,p=t.ft,b=t._t,h=nI().B,y=u(l({u:tw,o:{w:0,h:0}},function(){var t=p(no,t4),n=p(nr,""),r=n&&F(f),e=n&&R(f);b(no,t4),b(nr,""),b("",nt,!0);var o=tH(s),i=tH(f),u=tF(f);return b(no,t4,t),b(nr,"",n),b("",nt),F(f,r),R(f,e),{w:i.w+o.w+u.w,h:i.h+o.h+u.h}}),1)[0],w=d?rf:rl.concat(rf),S=tP(r,{g:function(){return e},v:function(){return o},p:function(t,n){var r=u(t,1)[0],e=u(n,1)[0];return[N(r).concat(N(e)).reduce(function(t,n){return t[n]=r[n]||e[n],t},{})]}}),_=function(t){c(t||ra,function(t){if(C(ra,t)>-1){var n=Z(a,t);m(n)?Z(f,t,n):H(f,t)}})},j=function(t,e){var o=u(t,2),i=o[0],c={gt:o[1]};return n({ht:i}),e||r(c),c},P=function(t){var e=t.vt,o=t.Yt,i=t.Bt,c=!1;if(o){var a=u(o,2),f=a[0];c=a[1],n({bt:f})}(!e||i?r:S)({vt:e,yt:c})},E=function(t,n){var e=u(y(),2)[1],o={wt:e};return e&&!n&&(t?r:S)(o),o},L=function(t,n,r){var e={Ot:n};return n?r||S(e):v||_(t),e},k=u(s||!h?ri(a,j):[t_,t_,t_],3),A=k[0],M=k[1],z=k[2],B=u(v?[t_,t_]:ro(a,P,{Bt:!0,Vt:!0}),2),X=B[0],D=B[1],Y=u(rr(a,!1,L,{Mt:rl,Ht:rl.concat(ra)}),2),K=Y[0],J=Y[1],V=v&&tp&&new tp(P.bind(0,{vt:!0}));return V&&V.observe(a),_(),[function(){A(),X(),i&&i[0](),V&&V.disconnect(),K()},function(){D(),M()},function(){var t={},n=J(),r=z(),e=i&&i[1]();return n&&I(t,L.apply(0,T(n,!0))),r&&I(t,j.apply(0,T(r,!0))),e&&I(t,E.apply(0,T(e,!0))),t},function(t){var n=u(t("update.ignoreMutation"),1)[0],r=u(t("update.attributes"),2),c=r[0],a=r[1],l=u(t("update.elementEvents"),2),d=l[0],p=l[1],b=u(t("update.debounce"),2),h=b[0],y=b[1];if((p||a)&&(i&&(i[1](),i[0]()),i=rr(s||f,!0,E,{Ht:w.concat(c||[]),Pt:d,Dt:ru,kt:function(t,r){var e,o=t.target,i=t.attributeName;return!r&&!!i&&!v&&G(o,ru,rc)||!!$(o,".".concat(nf))||!!(x(n)&&n(t))}})),y){if(S.m(),O(h)){var m=h[0],_=h[1];e=g(m)&&m,o=g(_)&&_}else g(h)?(e=h,o=!1):(e=!1,o=!1)}}]},rd={x:0,y:0},rv={K:{t:0,r:0,b:0,l:0},St:!1,M:{marginRight:0,marginBottom:0,marginLeft:0,paddingTop:0,paddingRight:0,paddingBottom:0,paddingLeft:0},zt:rd,Tt:rd,Ct:{x:"hidden",y:"hidden"},Et:{x:!1,y:!1},ht:!1,bt:!1},rp=function(t,n){var r=nK(n,{}),e=nJ(rv),o=u(tQ(),3),i=o[0],c=o[1],a=o[2],f=u(e,2),l=f[0],s=f[1],d=u(n$(t),3),v=d[0],p=d[1],b=d[2],h=rt(v,e),y=function(t,n,r){var e=N(t).some(function(n){return t[n]})||!z(n)||r;return e&&a("u",[t,n,r]),e},g=u(rs(v,s,function(t){return y(h(r,t),{},!1)}),4),m=g[0],w=g[1],x=g[2],O=g[3],S=l.bind(0);return S.jt=function(t){return i("u",t)},S.qt=function(){var t=v.W,n=v.J,r=F(t),e=R(t);w(),p(),F(n,r),R(n,e)},S.Nt=v,[function(t,r){var e=nK(n,t,r);return O(e),y(h(e,x(),r),t,!!r)},S,function(){c(),m(),b()}]},rb=Math.round,rh=function(t){var n=tR(t),r=n.width,e=n.height,o=tX(t),i=o.w,u=o.h;return{x:rb(r)/i||1,y:rb(e)/u||1}},ry=function(t,n,r){var e=n.scrollbars,o=t.button,i=t.isPrimary,u=t.pointerType,c=e.pointers;return 0===o&&i&&e[r?"dragScroll":"clickScroll"]&&(c||[]).includes(u)},rg=function(t,n,r,e,o,i){var u=nI().V,c=r.Ft,a=r.Gt,f=r.Xt,l="scroll".concat(i?"Left":"Top"),s="client".concat(i?"X":"Y"),d=i?"width":"height",v=i?"left":"top",p=i?"w":"h",b=i?"x":"y";return tV(a,"pointerdown",function(r){var h=$(r.target,".".concat(np))===c;if(ry(r,t,h)){var y,g,m=!h&&r.shiftKey,w=function(){return tR(c)},x=function(){return tR(a)},O=function(t,n){return(t||w())[v]-(n||x())[v]},S=(y=e[l]||0,g=1/rh(e)[b],function(t){var n=o().Tt,r=tX(a)[p]-tX(c)[p],s=g*t/r*n[b],d=tI(f)&&i?u.n||u.i?1:-1:1;e[l]=y+s*d}),_=r[s],j=w(),P=x(),E=j[d],C=O(j,P)+E/2,L=_-P[v],k=h?0:L-C,M=[tV(n,"selectstart",function(t){return tq(t)},{S:!1}),tV(a,"pointermove",function(t){var n=t[s]-_;(h||m)&&S(k+n)})];if(m)S(k);else if(!h){var N=nj().__osClickScrollPlugin;N&&T(M,N.O(S,O,k,E,L))}tV(a,"pointerup",function(t){A(M),a.releasePointerCapture(t.pointerId)},{C:!0}),a.setPointerCapture(r.pointerId)}})},rm=Math.min,rw=Math.max,rx=Math.abs,rO=Math.round,rS=function(t,n,r,e){if(e){var o=r?"x":"y",i=e.Tt,u=e.zt[o];return rw(0,rm(1,u/(u+i[o])))}var c=r?"w":"h",a=tX(t)[c],f=tX(n)[c];return rw(0,rm(1,a/f))},r_=function(t,n,r,e,o,i){var u=nI().V,c=rO(e.Tt[i?"x":"y"]),a=rx(r["scroll".concat(i?"Left":"Top")]),f=u.i?a:c-a,l=rm(1,(i&&o?f:a)/c),s=rS(t,n,i);return 1/s*(1-s)*l},rj=function(t,n,r){var o=(0,nI().q)().scrollbars.slot,i=n.ct,f=n.W,l=n.Z,s=n.J,d=n.lt,v=n.ot,p=nZ([f,l,s],function(){return l},o,((d?{}:t).scrollbars||{}).slot),b=function(t,n,r){var e=r?tL:tT;c(t,function(t){e(t.Xt,n)})},h=function(t,n){c(t,function(t){var r,e=u(n(t),2);a(e[0],e[1])})},y=function(t,n,r){h(t,function(t){var o=t.Ft,i=t.Gt;return[o,(0,e.Z)({},r?"width":"height","".concat((100*rS(o,i,r,n)).toFixed(3),"%"))]})},g=function(t,n,r){var e=r?"X":"Y";h(t,function(t){var o,i=t.Ft,u=r_(i,t.Gt,v,n,tI(t.Xt),r);return[i,{transform:u==u?"translate".concat(e,"(").concat((100*u).toFixed(3),"%)"):""}]})},m=[],x=[],O=[],S=function(t,n,r){var e=w(r);(!e||r)&&b(x,t,n),e&&r||b(O,t,n)},_=function(t){y(x,t,!0),y(O,t)},j=function(t){g(x,t,!0),g(O,t)},P=function(t){var n=t?x:O,e=k(n)?ny:"",o=te("".concat(nf," ").concat(t?ns:nd," ").concat(e)),u=te(nv),c=te(np),a={Xt:o,Gt:u,Ft:c};return Q(o,u),Q(u,c),T(n,a),T(m,[tr.bind(0,o),r(a,S,i,l,v,t)]),a},E=P.bind(0,!0),C=P.bind(0,!1),L=function(){Q(p,x[0].Xt),Q(p,O[0].Xt),ty(function(){S(ny)},300)};return E(),C(),[{Ut:_,Wt:j,Zt:S,Jt:{Kt:x,Qt:E,tn:h.bind(0,x)},nn:{Kt:O,Qt:C,tn:h.bind(0,O)}},L,A.bind(0,m)]},rP=function(t,n,r,e){var o,i,c,a,f,l,s,d=0,v=nJ({}),p=u(v,1)[0],b=u(tj(),2),h=b[0],y=b[1],g=u(tj(),2),m=g[0],w=g[1],x=u(tj(100),2),O=x[0],S=x[1],_=u(tj(100),2),j=_[0],P=_[1],E=u(tj(function(){return d}),2),C=E[0],T=E[1],L=u(rj(t,r.Nt,function(t,e,o,i,c,a){var f,l,s=t.Xt,d=u(tj(333),2),v=d[0],p=d[1],b=!!c.scrollBy,h=!0;return A.bind(0,[tV(s,"pointerenter",function(){e(ng,!0)}),tV(s,"pointerleave pointercancel",function(){e(ng)}),tV(s,"wheel",function(t){var n=t.deltaX,r=t.deltaY,o=t.deltaMode;b&&h&&0===o&&q(s)===i&&c.scrollBy({left:n,top:r,behavior:"smooth"}),h=!1,e(nx,!0),v(function(){h=!0,e(nx)}),tq(t)},{S:!1,$:!0}),tV(s,"mousedown",tV.bind(0,o,"click",tW,{C:!0,$:!0}),{$:!0}),rg(n,o,t,c,r,a),p])}),3),k=L[0],M=L[1],N=L[2],I=r.Nt,z=I.Z,B=I.J,Z=I.ot,X=I.st,D=I.ut,H=I.it,Y=k.Jt,K=k.nn,J=k.Zt,V=k.Ut,W=k.Wt,$=Y.tn,G=K.tn,U=function(t){var n=t.Xt,r=D&&!H&&q(n)===B&&n;return[r,{transform:r?"translate(".concat(F(Z),"px, ").concat(R(Z),"px)"):""}]},Q=function(t,n){if(T(),t)J(nw);else{var r=function(){return J(nw,!0)};d>0&&!n?C(r):r()}},tt=function(){(l=a)&&Q(!0)},tn=[S,T,P,w,y,N,tV(z,"pointerover",tt,{C:!0}),tV(z,"pointerenter",tt),tV(z,"pointerleave",function(){l=!1,a&&Q(!1)}),tV(z,"pointermove",function(){c&&h(function(){S(),Q(!0),j(function(){c&&Q(!1)})})}),tV(X,"scroll",function(t){m(function(){W(r()),f&&Q(!0),O(function(){f&&!l&&Q(!1)})}),e(t),D&&$(U),D&&G(U)})],tr=p.bind(0);return tr.Nt=k,tr.qt=M,[function(t,e,o){var i=o.It,l=o.Lt,v=o.At,p=o.yt,b=nK(n,t,e),h=r(),y=h.Tt,g=h.Ct,m=h.bt,w=u(b("scrollbars.theme"),2),x=w[0],O=w[1],S=u(b("scrollbars.visibility"),2),_=S[0],j=S[1],P=u(b("scrollbars.autoHide"),2),E=P[0],C=P[1],T=u(b("scrollbars.autoHideDelay"),1)[0],L=u(b("scrollbars.dragScroll"),2),k=L[0],A=L[1],M=u(b("scrollbars.clickScroll"),2),N=M[0],I=M[1],z=function(t,n){var r="visible"===_||"auto"===_&&"scroll"===t;return J(nb,r,n),r};if(d=T,O&&(J(s),J(x,!0),s=x),C&&(c="move"===E,a="leave"===E,Q(!(f="never"!==E),!0)),A&&J(nS,k),I&&J(nO,N),v||j||e){var B=z(g.x,!0),Z=z(g.y,!1);J(nh,!(B&&Z))}(i||l||p||e)&&(V(h),W(h),J(nm,!y.x,!0),J(nm,!y.y,!1),J(nl,m&&!H))},tr,A.bind(0,tn)]},rE=function(t,n,r){x(t)&&t(n||void 0,r||void 0)},rC=function(t,n,r){var e=nI(),o=e.F,i=e.q,a=e.Y,f=e.j,l=nj(),s=P(t),d=s?t:t.target,v=nR(d);if(n&&!v){var p=!1,b=function(t){var n=nj().__osOptionsValidationPlugin,r=n&&n.O;return r?r(t,!0):t},h=I({},o(),b(n)),y=u(tQ(r),3),g=y[0],m=y[1],w=y[2],x=u(rp(t,h),3),O=x[0],S=x[1],_=x[2],j=u(rP(t,h,S,function(t){return w("scroll",[Z,t])}),3),E=j[0],C=j[1],T=j[2],L=function(t,n){return O(t,!!n)},k=L.bind(0,{},!0),A=a(k),M=f(k),B=function(t){nF(d),A(),M(),T(),_(),p=!0,w("destroyed",[Z,!!t]),m()},Z={options:function(t,n){if(t){var r=n?o():{},e=t2(h,I(r,b(t)));z(e)||(I(h,e),L(e))}return I({},h)},on:g,off:function(t,n){t&&n&&m(t,n)},state:function(){var t,n=S(),r=n.zt,e=n.Tt,o=n.Ct,i=n.Et,u=n.K;return I({},{overflowEdge:r,overflowAmount:e,overflowStyle:o,hasOverflow:i,padding:u,paddingAbsolute:n.St,directionRTL:n.bt,destroyed:p})},elements:function(){var t=S.Nt,n=t.W,r=t.Z,e=t.K,o=t.J,i=t.tt,u=t.ot,c=t.st,a=C.Nt,f=a.Jt,l=a.nn,s=function(t){var n=t.Ft,r=t.Gt;return{scrollbar:t.Xt,track:r,handle:n}},d=function(t){var n=t.Kt,r=t.Qt,e=s(n[0]);return I({},e,{clone:function(){var t=s(r());return E({},!0,{}),t}})};return I({},{target:n,host:r,padding:e||o,viewport:o,content:i||o,scrollOffsetElement:u,scrollEventElement:c,scrollbarHorizontal:d(f),scrollbarVertical:d(l)})},update:function(t){return L({},t)},destroy:B.bind(0)};return S.jt(function(t,n,r){E(n,r,t)}),nH(d,Z),c(N(l),function(t){return rE(l[t],0,Z)}),nX(S.Nt.it,i().cancel,!s&&t.cancel)?(B(!0),Z):(S.qt(),C.qt(),w("initialized",[Z]),S.jt(function(t,n,r){var e,o=t.vt,i=t.yt,u=t.gt,c=t.It,a=t.Lt,f=t.At;w("updated",[Z,{updateHints:{sizeChanged:o,directionChanged:i,heightIntrinsicChanged:u,overflowEdgeChanged:c,overflowAmountChanged:a,overflowStyleChanged:f,contentMutation:t.wt,hostMutation:t.Ot},changedOptions:n,force:r}])}),Z.update(!0),Z)}return v};rC.plugin=function(t){c(nP(t),function(t){return rE(t,rC)})},rC.valid=function(t){var n=t&&t.elements,r=x(n)&&n();return j(r)&&!!nR(r.target)},rC.env=function(){var t,n=nI(),r=n.k,e=n.I,o=n.A,i=n.V,u=n.B,c=n.L,a=n.X,f=n.U,l=n.q,s=n.N;return I({},{scrollbarsSize:r,scrollbarsOverlaid:e,scrollbarsHiding:o,rtlScrollBehavior:i,flexboxGlue:u,cssCustomProperties:c,staticDefaultInitialization:a,staticDefaultOptions:f,getDefaultInitialization:l,setDefaultInitialization:s,getDefaultOptions:n.F,setDefaultOptions:n.G})};/*! +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[888],{8936:function(t,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return r(8276)}])},8310:function(t,n,r){"use strict";r.d(n,{a:function(){return rC}});var e=r(7599);function o(t,n){return null!=n&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](t):t instanceof n}function i(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=Array(n);r-1&&n%1==0;return(!!O(t)||!x(t)&&!!r)&&(!(n>0&&S(t))||n-1 in t)},j=function(t){if(!t||!S(t)||"object"!==(h(n=t)||y(n)?"".concat(n):p.call(n).replace(/^\[object (.+)\]$/,"$1").toLowerCase()))return!1;var n,r,e="constructor",o=t[e],i=o&&o.prototype,u=b.call(t,e),c=i&&b.call(i,"isPrototypeOf");if(o&&!u&&!c)return!1;for(r in t);return h(r)||b.call(t,r)},P=function(t){var n=HTMLElement;return!!t&&(n?o(t,n):t.nodeType===d)},E=function(t){var n=Element;return!!t&&(n?o(t,n):t.nodeType===d)},C=function(t,n,r){return t.indexOf(n,r)},T=function(t,n,r){return!r&&!m(n)&&_(n)?Array.prototype.push.apply(t,n):t.push(n),t},L=function(t){var n=Array.from,r=[];return n&&t?n(t):(o(t,Set)?t.forEach(function(t){T(r,t)}):c(t,function(t){T(r,t)}),r)},k=function(t){return!!t&&0===t.length},A=function(t,n,r){c(t,function(t){return t&&t.apply(void 0,n||[])}),r||(t.length=0)},M=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},N=function(t){return t?Object.keys(t):[]},I=function(t,n,r,e,o,i,u){return("object"!=typeof t||y(t))&&!x(t)&&(t={}),c([n,r,e,o,i,u],function(n){c(N(n),function(r){var e=n[r];if(t===e)return!0;var o=O(e);if(e&&(j(e)||o)){var i=t[r],u=i;o&&!O(i)?u=[]:o||j(i)||(u={}),t[r]=I(u,e)}else t[r]=e})}),t},z=function(t){for(var n in t)return!1;return!0},B=function(t,n,r,e){if(h(e))return r?r[t]:n;r&&(m(e)||g(e))&&(r[t]=e)},Z=function(t,n,r){if(h(r))return t?t.getAttribute(n):null;t&&t.setAttribute(n,r)},X=function(t,n,r,e){if(r){var o=Z(t,n)||"",i=new Set(o.split(" "));i[e?"add":"delete"](r),Z(t,n,L(i).join(" ").trim())}},D=function(t,n,r){var e=Z(t,n)||"";return new Set(e.split(" ")).has(r)},H=function(t,n){t&&t.removeAttribute(n)},F=function(t,n){return B("scrollLeft",0,t,n)},R=function(t,n){return B("scrollTop",0,t,n)},Y=s()&&Element.prototype,K=function(t,n){var r=[],e=n?E(n)?n:null:document;return e?T(r,e.querySelectorAll(t)):r},J=function(t,n){var r=n?E(n)?n:null:document;return r?r.querySelector(t):null},V=function(t,n){return!!E(t)&&(Y.matches||Y.msMatchesSelector).call(t,n)},W=function(t){return t?L(t.childNodes):[]},q=function(t){return t?t.parentElement:null},$=function(t,n){if(E(t)){var r=Y.closest;if(r)return r.call(t,n);do{if(V(t,n))return t;t=q(t)}while(t)}return null},G=function(t,n,r){var e=t&&$(t,n),o=t&&J(r,e),i=$(o,n)===e;return!!e&&!!o&&(e===t||o===t||i&&$($(t,r),n)!==e)},U=function(t,n,r){if(r&&t){var e,o=n;_(r)?(e=document.createDocumentFragment(),c(r,function(t){t===o&&(o=t.previousSibling),e.appendChild(t)})):e=r,n&&(o?o!==n&&(o=o.nextSibling):o=t.firstChild),t.insertBefore(e,o||null)}},Q=function(t,n){U(t,null,n)},tt=function(t,n){U(q(t),t,n)},tn=function(t,n){U(q(t),t&&t.nextSibling,n)},tr=function(t){if(_(t))c(L(t),function(t){return tr(t)});else if(t){var n=q(t);n&&n.removeChild(t)}},te=function(t){var n=document.createElement("div");return t&&Z(n,"class",t),n},to=function(t){var n=te();return n.innerHTML=t.trim(),c(W(n),function(t){return tr(t)})},ti=function(t){return t.charAt(0).toUpperCase()+t.slice(1)},tu=["-webkit-","-moz-","-o-","-ms-"],tc=["WebKit","Moz","O","MS","webkit","moz","o","ms"],ta={},tf={},tl=function(t){var n=tf[t];if(M(tf,t))return n;var r=ti(t),e=te().style;return c(tu,function(o){var i=o.replace(/-/g,"");return!(n=[t,o+t,i+r,ti(i)+r].find(function(t){return void 0!==e[t]}))}),tf[t]=n||""},ts=function(t){if(s()){var n=ta[t]||window[t];return M(ta,t)||(c(tc,function(r){return!(n=n||window[r+ti(t)])}),ta[t]=n),n}},td=ts("MutationObserver"),tv=ts("IntersectionObserver"),tp=ts("ResizeObserver"),tb=ts("cancelAnimationFrame"),th=ts("requestAnimationFrame"),ty=s()&&window.setTimeout,tg=s()&&window.clearTimeout,tm=function(t,n,r,e){if(t&&n){var o=!0;return c(r,function(r){var i=e?e(t[r]):t[r],u=e?e(n[r]):n[r];i!==u&&(o=!1)}),o}return!1},tw=function(t,n){return tm(t,n,["w","h"])},tx=function(t,n){return tm(t,n,["x","y"])},tO=function(t,n){return tm(t,n,["t","r","b","l"])},tS=function(t,n,r){return tm(t,n,["width","height"],r&&function(t){return Math.round(t)})},t_=function(){},tj=function(t){var n,r=t?ty:th,e=t?tg:tb;return[function(o){e(n),n=r(o,x(t)?t():t)},function(){return e(n)}]},tP=function(t,n){var r,e,o,i=t_,u=n||{},c=u.g,a=u.v,f=u.p,l=function(n){i(),tg(r),r=e=void 0,i=t_,t.apply(this,n)},s=function(t){return f&&e?f(e,t):t},d=function(){i!==t_&&l(s(o)||o)},v=function(){var t=L(arguments),n=x(c)?c():c;if(g(n)&&n>=0){var u=x(a)?a():a,f=g(u)&&u>=0,v=n>0?tg:tb,p=s(t)||t,b=l.bind(0,p);i();var h=(n>0?ty:th)(b,n);i=function(){return v(h)},f&&!r&&(r=ty(d,u)),e=o=p}else l(t)};return v.m=d,v},tE=/[^\x20\t\r\n\f]+/g,tC=function(t,n,r){var e,o=t&&t.classList,i=0,u=!1;if(o&&n&&m(n)){var c=n.match(tE)||[];for(u=c.length>0;e=c[i++];)u=!!r(o,e)&&u}return u},tT=function(t,n){tC(t,n,function(t,n){return t.remove(n)})},tL=function(t,n){return tC(t,n,function(t,n){return t.add(n)}),tT.bind(0,t,n)},tk={opacity:1,zindex:1},tA=function(t,n){var r=n?parseFloat(t):parseInt(t,10);return r==r?r:0},tM=function(t,n,r){return null!=n?n[r]||n.getPropertyValue(r):t.style[r]},tN=function(t,n,r){try{var e,o,i=t.style;h(i[n])?i.setProperty(n,r):i[n]=!tk[n.toLowerCase()]&&g(r)?"".concat(r,"px"):r}catch(u){}},tI=function(t){return"rtl"===a(t,"direction")},tz=function(t,n,r){var e=n?"".concat(n,"-"):"",o=r?"-".concat(r):"",i="".concat(e,"top").concat(o),u="".concat(e,"right").concat(o),c="".concat(e,"bottom").concat(o),f="".concat(e,"left").concat(o),l=a(t,[i,u,c,f]);return{t:tA(l[i],!0),r:tA(l[u],!0),b:tA(l[c],!0),l:tA(l[f],!0)}},tB=Math.round,tZ={w:0,h:0},tX=function(t){return t?{w:t.offsetWidth,h:t.offsetHeight}:tZ},tD=function(t){return t?{w:t.clientWidth,h:t.clientHeight}:tZ},tH=function(t){return t?{w:t.scrollWidth,h:t.scrollHeight}:tZ},tF=function(t){var n=parseFloat(a(t,"height"))||0,r=parseFloat(a(t,"width"))||0;return{w:r-tB(r),h:n-tB(n)}},tR=function(t){return t.getBoundingClientRect()},tY=function(){if(h(f)){f=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){f=!0}}))}catch(t){}}return f},tK=function(t){return t.split(" ")},tJ=function(t,n,r,e){c(tK(n),function(n){t.removeEventListener(n,r,e)})},tV=function(t,n,r,e){var o,i=tY(),u=null!=(o=i&&e&&e.S)?o:i,a=e&&e.$||!1,f=e&&e.C||!1,l=[],s=i?{passive:u,capture:a}:a;return c(tK(n),function(n){var e=f?function(o){t.removeEventListener(n,e,a),r&&r(o)}:r;T(l,tJ.bind(null,t,n,e,a)),t.addEventListener(n,e,s)}),A.bind(0,l)},tW=function(t){return t.stopPropagation()},tq=function(t){return t.preventDefault()},t$={x:0,y:0},tG=function(t){var n=t?tR(t):0;return n?{x:n.left+window.pageYOffset,y:n.top+window.pageXOffset}:t$},tU=function(t,n){c(O(n)?n:[n],t)},tQ=function(t){var n=new Map,r=function(t,r){if(t){var e=n.get(t);tU(function(t){e&&e[t?"delete":"clear"](t)},r)}else n.forEach(function(t){t.clear()}),n.clear()},e=function(t,o){if(m(t)){var i=n.get(t)||new Set;return n.set(t,i),tU(function(t){x(t)&&i.add(t)},o),r.bind(0,t,o)}w(o)&&o&&r();var u=N(t),a=[];return c(u,function(n){var r=t[n];r&&T(a,e(n,r))}),A.bind(0,a)},o=function(t,r){c(L(n.get(t)),function(t){r&&!k(r)?t.apply(0,r):t()})};return e(t||{}),[e,r,o]},t0=function(t){return JSON.stringify(t,function(t,n){if(x(n))throw Error();return n})},t1={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{elementEvents:[["img","load"]],debounce:[0,33],attributes:null,ignoreMutation:null},overflow:{x:"scroll",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"never",autoHideDelay:1300,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},t3=function(t,n){var r={},e=N(n).concat(N(t));return c(e,function(e){var o=t[e],i=n[e];if(S(o)&&S(i))I(r[e]={},t3(o,i)),z(r[e])&&delete r[e];else if(M(n,e)&&i!==o){var u=!0;if(O(o)||O(i))try{t0(o)===t0(i)&&(u=!1)}catch(c){}u&&(r[e]=i)}}),r},t2="os-environment",t7="".concat(t2,"-flexbox-glue"),t8="".concat(t7,"-max"),t6="data-overlayscrollbars",t9="".concat(t6,"-overflow-x"),t5="".concat(t6,"-overflow-y"),t4="overflowVisible",nt="updating",nn="os-viewport",nr="".concat(nn,"-arrange"),ne="".concat(nn,"-scrollbar-hidden"),no="os-overflow-visible",ni="os-size-observer",nu="".concat(ni,"-appear"),nc="".concat(ni,"-listener"),na=("".concat(nc,"-scroll"),"".concat(nc,"-item")),nf=("".concat(na,"-final"),"os-scrollbar"),nl="".concat(nf,"-rtl"),ns="".concat(nf,"-horizontal"),nd="".concat(nf,"-vertical"),nv="".concat(nf,"-track"),np="".concat(nf,"-handle"),nb="".concat(nf,"-visible"),nh="".concat(nf,"-cornerless"),ny="".concat(nf,"-transitionless"),ng="".concat(nf,"-interaction"),nm="".concat(nf,"-unusable"),nw="".concat(nf,"-auto-hidden"),nx="".concat(nf,"-wheel"),nO="".concat(nv,"-interactive"),nS="".concat(np,"-interactive"),n_={},nj=function(){return n_},nP=function(t){var n=[];return c(O(t)?t:[t],function(t){var r=N(t);c(r,function(r){T(n,n_[r]=t[r])})}),n},nE={boolean:"__TPL_boolean_TYPE__",number:"__TPL_number_TYPE__",string:"__TPL_string_TYPE__",array:"__TPL_array_TYPE__",object:"__TPL_object_TYPE__",function:"__TPL_function_TYPE__",null:"__TPL_null_TYPE__"};nE.number,nE.boolean,nE.array,nE.null,nE.number,nE.array,nE.null,nE.function,nE.null,nE.string,nE.null,nE.array,nE.null;var nC,nT="__osScrollbarsHidingPlugin",nL=function(t,n,r,e){Q(t,n);var o=tD(n),i=tX(n),u=tF(r);return e&&tr(n),{x:i.h-o.h+u.h,y:i.w-o.w+u.w}},nk=function(t){var n=!1,r=tL(t,ne);try{n="none"===a(t,tl("scrollbar-width"))||"none"===window.getComputedStyle(t,"::-webkit-scrollbar").getPropertyValue("display")}catch(e){}return r(),n},nA=function(t,n){var r="hidden";a(t,{overflowX:r,overflowY:r,direction:"rtl"}),F(t,0);var e=tG(t),o=tG(n);F(t,-999);var i=tG(n);return{i:e.x===o.x,n:o.x!==i.x}},nM=function(t,n){var r=tL(t,t7),e=tR(t),o=tR(n),i=tS(o,e,!0),u=tL(t,t8),c=tR(t),a=tR(n),f=tS(a,c,!0);return r(),u(),i&&f},nN=function(){var t,n=document.body,r=to('
'))[0],e=r.firstChild,o=u(tQ(),3),i=o[0],c=o[2],f=u(l({o:nL(n,r,e),u:tx},nL.bind(0,n,r,e,!0)),2),s=f[0],d=u((0,f[1])(),1)[0],v=nk(r),p={x:0===d.x,y:0===d.y},b={elements:{host:null,padding:!v,viewport:function(t){return v&&t===t.ownerDocument.body&&t},content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},h=I({},t1),y=I.bind(0,{},h),g=I.bind(0,{},b),m={k:d,I:p,A:v,L:"-1"===a(r,"zIndex"),V:nA(r,e),B:nM(r,e),Y:i.bind(0,"z"),j:i.bind(0,"r"),q:g,N:function(t){return I(b,t)&&g()},F:y,G:function(t){return I(h,t)&&y()},X:I({},b),U:I({},h)},w=window.addEventListener,x=tP(function(t){return c(t?"z":"r")},{g:33,v:99});return H(r,"style"),tr(r),w("resize",x.bind(0,!1)),v||p.x&&p.y||w("resize",function(){var n=nj()[nT];(t=t||n&&n.R())&&t(m,s,x.bind(0,!0))}),m},nI=function(){return nC||(nC=nN()),nC},nz=function(t,n){return x(n)?n.apply(0,t):n},nB=function(t,n,r,e){var o=h(e)?r:e;return nz(t,o)||n.apply(0,t)},nZ=function(t,n,r,e){var o=h(e)?r:e,i=nz(t,o);return!!i&&(P(i)?i:n.apply(0,t))},nX=function(t,n,r){var e=r||{},o=e.nativeScrollbarsOverlaid,i=e.body,u=nI(),c=u.I,a=u.A,f=n.nativeScrollbarsOverlaid,l=n.body,s=h(i)?l:i,d=(c.x||c.y)&&(null!=o?o:f),v=t&&(y(s)?!a:s);return!!d||!!v},nD=new WeakMap,nH=function(t,n){nD.set(t,n)},nF=function(t){nD.delete(t)},nR=function(t){return nD.get(t)},nY=function(t,n){return t?n.split(".").reduce(function(t,n){return t&&M(t,n)?t[n]:void 0},t):void 0},nK=function(t,n,r){return function(e){return[nY(t,e),r||void 0!==nY(n,e)]}},nJ=function(t){var n=t;return[function(){return n},function(t){n=I({},n,t)}]},nV="tabindex",nW=te.bind(0,""),nq=function(t){Q(q(t),W(t)),tr(t)},n$=function(t){var n=nI(),r=n.q,e=n.A,o=nj()[nT],i=o&&o.T,u=r().elements,c=u.host,a=u.padding,f=u.viewport,l=u.content,s=P(t),d=s?{}:t,v=d.elements||{},p=v.host,b=v.padding,h=v.viewport,y=v.content,g=s?t:d.target,m=V(g,"textarea"),w=g.ownerDocument,x=w.documentElement,O=g===w.body,S=w.defaultView,_=nB.bind(0,[g]),j=nZ.bind(0,[g]),E=nz.bind(0,[g]),L=_.bind(0,nW,f),k=j.bind(0,nW,l),M=L(h),I=M===g,z=I&&O,B=!I&&k(y),F=!I&&P(M)&&M===B,R=F&&!!E(l),Y=R?L():M,K=R?B:k(),J=F?Y:M,$=w.activeElement,G=!I&&S.top===S&&$===g,U={W:g,Z:m?_(nW,c,p):g,J:J,K:!I&&j(nW,a,b),tt:F?K:B,nt:!I&&!e&&i&&i(n),ot:z?x:J,st:z?w:J,et:S,ct:w,rt:m,it:O,lt:s,ut:I,dt:F,ft:function(t,n){var r,e;return I?D(J,t6,n):tC(J,t,function(t,n){return t.contains(n)})},_t:function(t,n,r){return I?X(J,t6,n,r):(r?tL:tT)(J,t)}},te=N(U).reduce(function(t,n){var r=U[n];return T(t,!!r&&!q(r)&&r)},[]),to=function(t){return t?C(te,t)>-1:null},ti=U.W,tu=U.Z,tc=U.K,ta=U.J,tf=U.tt,tl=U.nt,ts=[function(){H(tu,t6),O&&H(x,t6)}],td=m&&to(tu),tv=m?ti:W([tf,ta,tc,tu,ti].find(function(t){return!1===to(t)})),tp=tf||ta;return[U,function(){Z(tu,t6,I?"viewport":"host");var t=tL(tc,"os-padding"),n=tL(ta,!I&&nn),r=tL(tf,"os-content"),o=O?tL(q(g),ne):t_;if(td&&(tn(ti,tu),T(ts,function(){tn(tu,ti),tr(tu)})),Q(tp,tv),Q(tu,tc),Q(tc||tu,!I&&ta),Q(ta,tf),T(ts,function(){o(),H(ta,t9),H(ta,t5),to(tf)&&nq(tf),to(ta)&&nq(ta),to(tc)&&nq(tc),t(),n(),r()}),e&&!I&&T(ts,tT.bind(0,ta,ne)),tl&&(tt(ta,tl),T(ts,tr.bind(0,tl))),G){var i=Z(ta,nV);Z(ta,nV,"-1"),ta.focus();var u=function(){return i?Z(ta,nV,i):H(ta,nV)},c=tV(w,"pointerdown keydown",function(){u(),c()});T(ts,[u,c])}else $&&$.focus&&$.focus();tv=0},A.bind(0,ts)]},nG=function(t,n){var r=t.tt,e=u(n,1)[0];return function(t){var n=nI().B,o=e().ht,i=t.gt,u=(r||!n)&&i;return u&&a(r,{height:o?"":"100%"}),{vt:u,wt:u}}},nU=function(t,n){var r=u(n,2),e=r[0],o=r[1],i=t.Z,c=t.K,f=t.J,s=t.ut,d=u(l({u:tO,o:tz()},tz.bind(0,i,"padding","")),2),v=d[0],p=d[1];return function(t,n,r){var i,l=u(p(r),2),d=l[0],b=l[1],h=nI(),y=h.A,g=h.B,m=e().bt,w=t.vt,x=t.wt,O=t.yt,S=u(n("paddingAbsolute"),2),_=S[0],j=S[1];(w||b||!g&&x)&&(d=(i=u(v(r),2))[0],b=i[1]);var P=!s&&(j||O||b);if(P){var E=!_||!c&&!y,C=d.r+d.l,T=d.t+d.b,L={marginRight:E&&!m?-C:0,marginBottom:E?-T:0,marginLeft:E&&m?-C:0,top:E?-d.t:0,right:E?m?-d.r:"auto":0,left:E?m?"auto":-d.l:0,width:E?"calc(100% + ".concat(C,"px)"):""},k={paddingTop:E?d.t:0,paddingRight:E?d.r:0,paddingBottom:E?d.b:0,paddingLeft:E?d.l:0};a(c||f,L),a(f,k),o({K:d,St:!E,M:c?k:I({},L,k)})}return{xt:P}}},nQ=Math.max,n0=nQ.bind(0,0),n1="visible",n3="hidden",n2={u:tw,o:{w:0,h:0}},n7={u:tx,o:{x:n3,y:n3}},n8=function(t,n){var r=window.devicePixelRatio%1!=0?1:0,e={w:n0(t.w-n.w),h:n0(t.h-n.h)};return{w:e.w>r?e.w:0,h:e.h>r?e.h:0}},n6=function(t,n,r){return r?tL(t,n):tT(t,n)},n9=function(t){return 0===t.indexOf(n1)},n5=function(t,n){var r=u(n,2),e=r[0],o=r[1],i=t.Z,c=t.K,f=t.J,s=t.nt,d=t.ut,v=t._t,p=t.it,b=t.et,h=nI(),y=h.k,g=h.B,m=h.A,w=h.I,x=nj()[nT],O=!d&&!m&&(w.x||w.y),S=p&&d,_=u(l(n2,tF.bind(0,f)),2),j=_[0],P=_[1],E=u(l(n2,tH.bind(0,f)),2),C=E[0],T=E[1],L=u(l(n2),2),k=L[0],A=L[1],M=u(l(n2),2),N=M[0],I=M[1],z=u(l(n7),1)[0],B=function(t,n){if(a(f,{height:""}),n){var r=e(),o=r.St,u=r.K,c=t.$t,l=t.P,s=tF(i),d=tD(i),v="content-box"===a(f,"boxSizing"),p=o||v?u.b+u.t:0,b=!(w.x&&v);a(f,{height:d.h+s.h+(c.x&&b?l.x:0)-p})}},D=function(t,n){var r,e=m||t?0:42,o=function(t,r,o){var i=a(f,t),u=(n?n[t]:i)==="scroll";return[i,u,u&&!m?r?e:o:0,r&&!!e]},i=u(o("overflowX",w.x,y.x),4),c=i[0],l=i[1],s=i[2],d=i[3],v=u(o("overflowY",w.y,y.y),4),p=v[0],b=v[1];return{Ct:{x:c,y:p},$t:{x:l,y:b},P:{x:s,y:v[2]},D:{x:d,y:v[3]}}},H=function(t,n,r,e){var o=function(t,n){var r=n9(t),e=n&&r&&t.replace("".concat(n1,"-"),"")||"";return[n&&!r?t:"",n9(e)?"hidden":e]},i=u(o(r.x,n.x),2),c=i[0],a=i[1],f=u(o(r.y,n.y),2),l=f[0],s=f[1];return e.overflowX=a&&l?a:c,e.overflowY=s&&c?s:l,D(t,e)},F=function(t,n,r,o){var i=t.P,u=t.D,c=u.x,a=u.y,f=i.x,l=i.y,s=e().M,d=n?"marginLeft":"marginRight",v=n?"paddingLeft":"paddingRight",p=s[d],b=s.marginBottom,h=s[v],y=s.paddingBottom;o.width="calc(100% + ".concat(l+-1*p,"px)"),o[d]=-l+p,o.marginBottom=-f+b,r&&(o[v]=h+(a?l:0),o.paddingBottom=y+(c?f:0))},R=u(x?x.H(O,g,f,s,e,D,F):[function(){return O},function(){return[t_]}],2),Y=R[0],K=R[1];return function(t,n,r){var l,s=t.vt,p=t.Ot,h=t.wt,y=t.xt,x=t.gt,O=t.yt,_=e(),E=_.ht,L=_.bt,M=u(n("showNativeOverlaidScrollbars"),2),R=M[0],J=M[1],V=u(n("overflow"),2),W=V[0],q=V[1],$=R&&w.x&&w.y,G=!d&&!g&&(s||h||p||J||x),U=n9(W.x),Q=n9(W.y),tt=U||Q,tn=P(r),tr=T(r),te=A(r),to=I(r);if(J&&m&&v(ne,"scrollbarHidden",!$),G&&(l=D($),B(l,E)),s||y||h||O||J){tt&&v(no,t4,!1);var ti=u(K($,L,l),2),tu=ti[0],tc=ti[1],ta=u(tn=j(r),2),tf=ta[0],tl=ta[1],ts=u(tr=C(r),2),td=ts[0],tv=ts[1],tp=tD(f),tb=td,th=tp;tu(),(tv||tl||J)&&tc&&!$&&Y(tc,td,tf,L)&&(th=tD(f),tb=tH(f));var ty={w:n0(nQ(td.w,tb.w)+tf.w),h:n0(nQ(td.h,tb.h)+tf.h)},tg={w:n0((S?b.innerWidth:th.w+n0(tp.w-td.w))+tf.w),h:n0((S?b.innerHeight+tf.h:th.h+n0(tp.h-td.h))+tf.h)};to=N(tg),te=k(n8(ty,tg),r)}var tm=u(to,2),tw=tm[0],tx=tm[1],tO=u(te,2),tS=tO[0],t_=tO[1],tj=u(tr,2),tP=tj[0],tE=tj[1],tC=u(tn,2),tT=tC[0],tL=tC[1],tk={x:tS.w>0,y:tS.h>0},tA=U&&Q&&(tk.x||tk.y)||U&&tk.x&&!tk.y||Q&&tk.y&&!tk.x;if(y||O||tL||tE||tx||t_||q||J||G){var tM={marginRight:0,marginBottom:0,marginLeft:0,width:"",overflowY:"",overflowX:""},tN=H($,tk,W,tM),tI=Y(tN,tP,tT,L);d||F(tN,L,tI,tM),G&&B(tN,E),d?(Z(i,t9,tM.overflowX),Z(i,t5,tM.overflowY)):a(f,tM)}X(i,t6,t4,tA),n6(c,no,tA),d||n6(f,no,tt);var tz=u(z(D($).Ct),2),tB=tz[0],tZ=tz[1];return o({Ct:tB,zt:{x:tw.w,y:tw.h},Tt:{x:tS.w,y:tS.h},Et:tk}),{At:tZ,It:tx,Lt:t_}}},n4=function(t,n,r){var e={},o=n||{},i=N(t).concat(N(o));return c(i,function(n){var i=t[n],u=o[n];e[n]=!!(r||i||u)}),e},rt=function(t,n){var r=t.W,e=t.J,o=t._t,i=t.ut,u=nI(),a=u.A,f=u.I,l=u.B,s=!a&&(f.x||f.y),d=[nG(t,n),nU(t,n),n5(t,n)];return function(t,n,u){var a=n4(I({vt:!1,xt:!1,yt:!1,gt:!1,It:!1,Lt:!1,At:!1,Ot:!1,wt:!1},n),{},u),f=s||!l,v=f&&F(e),p=f&&R(e);o("",nt,!0);var b=a;return c(d,function(n){b=n4(b,n(b,t,!!u)||{},u)}),F(e,v),R(e,p),o("",nt),i||(F(r,0),R(r,0)),b}},rn=function(t,n,r){var e,o=!1,i=function(){o=!0},a=function(i){if(r){var a=r.reduce(function(n,r){if(r){var e=u(r,2),o=e[0],c=e[1],a=c&&o&&(i?i(o):K(o,t));a&&a.length&&c&&m(c)&&T(n,[a,c.trim()],!0)}return n},[]);c(a,function(r){return c(r[0],function(i){var u=r[1],c=e.get(i)||[];if(t.contains(i)){var a=tV(i,u,function(t){o?(a(),e.delete(i)):n(t)});e.set(i,T(c,a))}else A(c),e.delete(i)})})}};return r&&(e=new WeakMap,a()),[i,a]},rr=function(t,n,r,e){var o=!1,i=e||{},a=i.Ht,f=i.Mt,l=i.Pt,s=i.Dt,d=i.Rt,v=i.kt,p=tP(function(){o&&r(!0)},{g:33,v:99}),b=u(rn(t,p,l),2),h=b[0],y=b[1],g=f||[],w=(a||[]).concat(g),x=function(o,i){var u=d||t_,a=v||t_,f=new Set,l=new Set,p=!1,b=!1;if(c(o,function(r){var o=r.attributeName,i=r.target,d=r.type,v=r.oldValue,h=r.addedNodes,y=r.removedNodes,w="attributes"===d,x=t===i,O=w&&m(o)?Z(i,o):0,S=0!==O&&v!==O,_=C(g,o)>-1&&S;if(n&&("childList"===d||!x)){var j=w&&S,P=j&&s&&V(i,s),E=(P?!u(i,o,v,O):!w||j)&&!a(r,!!P,t,e);c(h,function(t){return f.add(t)}),c(y,function(t){return f.add(t)}),b=b||E}!n&&x&&S&&!u(i,o,v,O)&&(l.add(o),p=p||_)}),f.size>0&&y(function(t){return L(f).reduce(function(n,r){return T(n,K(t,r)),V(r,t)?T(n,r):n},[])}),n)return!i&&b&&r(!1),[!1];if(l.size>0||p){var h=[L(l),p];return i||r.apply(0,h),h}},O=new td(function(t){return x(t)});return O.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:w,subtree:n,childList:n,characterData:n}),o=!0,[function(){o&&(h(),O.disconnect(),o=!1)},function(){if(o){p.m();var t=O.takeRecords();return!k(t)&&x(t,!0)}}]},re=function(t){return t&&(t.height||t.width)},ro=function(t,n,r){var e=r||{},o=e.Vt,i=void 0!==o&&o,c=e.Bt,a=void 0!==c&&c,f=nj().__osSizeObserverPlugin,s=nI().V,d=to('
'))[0],v=d.firstChild,p=tI.bind(0,t),b=u(l({o:void 0,_:!0,u:function(t,n){return!(!t||!re(t)&&re(n))}}),1)[0],h=function(t){var r,e=O(t)&&t.length>0&&S(t[0]),o=!e&&w(t[0]),c=!1,a=!1,f=!0;if(e){var l=u(b(t.pop().contentRect),3),v=l[0],p=l[2],h=re(v),y=re(p);c=!p||!h,a=!y&&h,f=!c}else o?f=u(t,2)[1]:a=!0===t;if(i&&f){var g=o?t[0]:tI(d);F(d,g?s.n?-3333333:s.i?0:3333333:3333333),R(d,3333333)}c||n({vt:!o,Yt:o?t:void 0,Bt:!!a})},y=[],g=!!a&&h;return[function(){A(y),tr(d)},function(){if(tp){var n=new tp(h);n.observe(v),T(y,function(){n.disconnect()})}else if(f){var r=u(f.O(v,h,a),2),e=r[0],o=r[1];g=e,T(y,o)}if(i){var c=u(l({o:!p()},p),1)[0];T(y,tV(d,"scroll",function(t){var n=c(),r=u(n,2),e=r[0];r[1]&&(tT(v,"ltr rtl"),e?tL(v,"rtl"):tL(v,"ltr"),h(n)),tW(t)}))}g&&(tL(d,nu),T(y,tV(d,"animationstart",g,{C:!!tp}))),(tp||f)&&Q(t,d)}]},ri=function(t,n){var r,e=te("os-trinsic-observer"),o=[],i=u(l({o:!1}),1)[0],c=function(t,r){if(t){var e,o=i(0===t.h||t.isIntersecting||t.intersectionRatio>0);if(u(o,2)[1])return r||n(o),[o]}},a=function(t,n){if(t&&t.length>0)return c(t.pop(),n)};return[function(){A(o),tr(e)},function(){if(tv)(r=new tv(function(t){return a(t)},{root:t})).observe(e),T(o,function(){r.disconnect()});else{var n=function(){var t=tX(e);c(t)},i=u(ro(e,n),2),f=i[0],l=i[1];T(o,f),l(),n()}Q(t,e)},function(){if(r)return a(r.takeRecords(),!0)}]},ru="[".concat(t6,"]"),rc=".".concat(nn),ra=["tabindex"],rf=["wrap","cols","rows"],rl=["id","class","style","open"],rs=function(t,n,r){var e,o,i,a=t.Z,f=t.J,s=t.tt,d=t.rt,v=t.ut,p=t.ft,b=t._t,h=nI().B,y=u(l({u:tw,o:{w:0,h:0}},function(){var t=p(no,t4),n=p(nr,""),r=n&&F(f),e=n&&R(f);b(no,t4),b(nr,""),b("",nt,!0);var o=tH(s),i=tH(f),u=tF(f);return b(no,t4,t),b(nr,"",n),b("",nt),F(f,r),R(f,e),{w:i.w+o.w+u.w,h:i.h+o.h+u.h}}),1)[0],w=d?rf:rl.concat(rf),S=tP(r,{g:function(){return e},v:function(){return o},p:function(t,n){var r=u(t,1)[0],e=u(n,1)[0];return[N(r).concat(N(e)).reduce(function(t,n){return t[n]=r[n]||e[n],t},{})]}}),_=function(t){c(t||ra,function(t){if(C(ra,t)>-1){var n=Z(a,t);m(n)?Z(f,t,n):H(f,t)}})},j=function(t,e){var o=u(t,2),i=o[0],c={gt:o[1]};return n({ht:i}),e||r(c),c},P=function(t){var e=t.vt,o=t.Yt,i=t.Bt,c=!1;if(o){var a=u(o,2),f=a[0];c=a[1],n({bt:f})}(!e||i?r:S)({vt:e,yt:c})},E=function(t,n){var e=u(y(),2)[1],o={wt:e};return e&&!n&&(t?r:S)(o),o},L=function(t,n,r){var e={Ot:n};return n?r||S(e):v||_(t),e},k=u(s||!h?ri(a,j):[t_,t_,t_],3),A=k[0],M=k[1],z=k[2],B=u(v?[t_,t_]:ro(a,P,{Bt:!0,Vt:!0}),2),X=B[0],D=B[1],Y=u(rr(a,!1,L,{Mt:rl,Ht:rl.concat(ra)}),2),K=Y[0],J=Y[1],V=v&&tp&&new tp(P.bind(0,{vt:!0}));return V&&V.observe(a),_(),[function(){A(),X(),i&&i[0](),V&&V.disconnect(),K()},function(){D(),M()},function(){var t={},n=J(),r=z(),e=i&&i[1]();return n&&I(t,L.apply(0,T(n,!0))),r&&I(t,j.apply(0,T(r,!0))),e&&I(t,E.apply(0,T(e,!0))),t},function(t){var n=u(t("update.ignoreMutation"),1)[0],r=u(t("update.attributes"),2),c=r[0],a=r[1],l=u(t("update.elementEvents"),2),d=l[0],p=l[1],b=u(t("update.debounce"),2),h=b[0],y=b[1];if((p||a)&&(i&&(i[1](),i[0]()),i=rr(s||f,!0,E,{Ht:w.concat(c||[]),Pt:d,Dt:ru,kt:function(t,r){var e,o=t.target,i=t.attributeName;return!r&&!!i&&!v&&G(o,ru,rc)||!!$(o,".".concat(nf))||!!(x(n)&&n(t))}})),y){if(S.m(),O(h)){var m=h[0],_=h[1];e=g(m)&&m,o=g(_)&&_}else g(h)?(e=h,o=!1):(e=!1,o=!1)}}]},rd={x:0,y:0},rv={K:{t:0,r:0,b:0,l:0},St:!1,M:{marginRight:0,marginBottom:0,marginLeft:0,paddingTop:0,paddingRight:0,paddingBottom:0,paddingLeft:0},zt:rd,Tt:rd,Ct:{x:"hidden",y:"hidden"},Et:{x:!1,y:!1},ht:!1,bt:!1},rp=function(t,n){var r=nK(n,{}),e=nJ(rv),o=u(tQ(),3),i=o[0],c=o[1],a=o[2],f=u(e,2),l=f[0],s=f[1],d=u(n$(t),3),v=d[0],p=d[1],b=d[2],h=rt(v,e),y=function(t,n,r){var e=N(t).some(function(n){return t[n]})||!z(n)||r;return e&&a("u",[t,n,r]),e},g=u(rs(v,s,function(t){return y(h(r,t),{},!1)}),4),m=g[0],w=g[1],x=g[2],O=g[3],S=l.bind(0);return S.jt=function(t){return i("u",t)},S.qt=function(){var t=v.W,n=v.J,r=F(t),e=R(t);w(),p(),F(n,r),R(n,e)},S.Nt=v,[function(t,r){var e=nK(n,t,r);return O(e),y(h(e,x(),r),t,!!r)},S,function(){c(),m(),b()}]},rb=Math.round,rh=function(t){var n=tR(t),r=n.width,e=n.height,o=tX(t),i=o.w,u=o.h;return{x:rb(r)/i||1,y:rb(e)/u||1}},ry=function(t,n,r){var e=n.scrollbars,o=t.button,i=t.isPrimary,u=t.pointerType,c=e.pointers;return 0===o&&i&&e[r?"dragScroll":"clickScroll"]&&(c||[]).includes(u)},rg=function(t,n,r,e,o,i){var u=nI().V,c=r.Ft,a=r.Gt,f=r.Xt,l="scroll".concat(i?"Left":"Top"),s="client".concat(i?"X":"Y"),d=i?"width":"height",v=i?"left":"top",p=i?"w":"h",b=i?"x":"y";return tV(a,"pointerdown",function(r){var h=$(r.target,".".concat(np))===c;if(ry(r,t,h)){var y,g,m=!h&&r.shiftKey,w=function(){return tR(c)},x=function(){return tR(a)},O=function(t,n){return(t||w())[v]-(n||x())[v]},S=(y=e[l]||0,g=1/rh(e)[b],function(t){var n=o().Tt,r=tX(a)[p]-tX(c)[p],s=g*t/r*n[b],d=tI(f)&&i?u.n||u.i?1:-1:1;e[l]=y+s*d}),_=r[s],j=w(),P=x(),E=j[d],C=O(j,P)+E/2,L=_-P[v],k=h?0:L-C,M=[tV(n,"selectstart",function(t){return tq(t)},{S:!1}),tV(a,"pointermove",function(t){var n=t[s]-_;(h||m)&&S(k+n)})];if(m)S(k);else if(!h){var N=nj().__osClickScrollPlugin;N&&T(M,N.O(S,O,k,E,L))}tV(a,"pointerup",function(t){A(M),a.releasePointerCapture(t.pointerId)},{C:!0}),a.setPointerCapture(r.pointerId)}})},rm=Math.min,rw=Math.max,rx=Math.abs,rO=Math.round,rS=function(t,n,r,e){if(e){var o=r?"x":"y",i=e.Tt,u=e.zt[o];return rw(0,rm(1,u/(u+i[o])))}var c=r?"w":"h",a=tX(t)[c],f=tX(n)[c];return rw(0,rm(1,a/f))},r_=function(t,n,r,e,o,i){var u=nI().V,c=rO(e.Tt[i?"x":"y"]),a=rx(r["scroll".concat(i?"Left":"Top")]),f=u.i?a:c-a,l=rm(1,(i&&o?f:a)/c),s=rS(t,n,i);return 1/s*(1-s)*l},rj=function(t,n,r){var o=(0,nI().q)().scrollbars.slot,i=n.ct,f=n.W,l=n.Z,s=n.J,d=n.lt,v=n.ot,p=nZ([f,l,s],function(){return l},o,((d?{}:t).scrollbars||{}).slot),b=function(t,n,r){var e=r?tL:tT;c(t,function(t){e(t.Xt,n)})},h=function(t,n){c(t,function(t){var r,e=u(n(t),2);a(e[0],e[1])})},y=function(t,n,r){h(t,function(t){var o=t.Ft,i=t.Gt;return[o,(0,e.Z)({},r?"width":"height","".concat((100*rS(o,i,r,n)).toFixed(3),"%"))]})},g=function(t,n,r){var e=r?"X":"Y";h(t,function(t){var o,i=t.Ft,u=r_(i,t.Gt,v,n,tI(t.Xt),r);return[i,{transform:u==u?"translate".concat(e,"(").concat((100*u).toFixed(3),"%)"):""}]})},m=[],x=[],O=[],S=function(t,n,r){var e=w(r);(!e||r)&&b(x,t,n),e&&r||b(O,t,n)},_=function(t){y(x,t,!0),y(O,t)},j=function(t){g(x,t,!0),g(O,t)},P=function(t){var n=t?x:O,e=k(n)?ny:"",o=te("".concat(nf," ").concat(t?ns:nd," ").concat(e)),u=te(nv),c=te(np),a={Xt:o,Gt:u,Ft:c};return Q(o,u),Q(u,c),T(n,a),T(m,[tr.bind(0,o),r(a,S,i,l,v,t)]),a},E=P.bind(0,!0),C=P.bind(0,!1),L=function(){Q(p,x[0].Xt),Q(p,O[0].Xt),ty(function(){S(ny)},300)};return E(),C(),[{Ut:_,Wt:j,Zt:S,Jt:{Kt:x,Qt:E,tn:h.bind(0,x)},nn:{Kt:O,Qt:C,tn:h.bind(0,O)}},L,A.bind(0,m)]},rP=function(t,n,r,e){var o,i,c,a,f,l,s,d=0,v=nJ({}),p=u(v,1)[0],b=u(tj(),2),h=b[0],y=b[1],g=u(tj(),2),m=g[0],w=g[1],x=u(tj(100),2),O=x[0],S=x[1],_=u(tj(100),2),j=_[0],P=_[1],E=u(tj(function(){return d}),2),C=E[0],T=E[1],L=u(rj(t,r.Nt,function(t,e,o,i,c,a){var f,l,s=t.Xt,d=u(tj(333),2),v=d[0],p=d[1],b=!!c.scrollBy,h=!0;return A.bind(0,[tV(s,"pointerenter",function(){e(ng,!0)}),tV(s,"pointerleave pointercancel",function(){e(ng)}),tV(s,"wheel",function(t){var n=t.deltaX,r=t.deltaY,o=t.deltaMode;b&&h&&0===o&&q(s)===i&&c.scrollBy({left:n,top:r,behavior:"smooth"}),h=!1,e(nx,!0),v(function(){h=!0,e(nx)}),tq(t)},{S:!1,$:!0}),tV(s,"mousedown",tV.bind(0,o,"click",tW,{C:!0,$:!0}),{$:!0}),rg(n,o,t,c,r,a),p])}),3),k=L[0],M=L[1],N=L[2],I=r.Nt,z=I.Z,B=I.J,Z=I.ot,X=I.st,D=I.ut,H=I.it,Y=k.Jt,K=k.nn,J=k.Zt,V=k.Ut,W=k.Wt,$=Y.tn,G=K.tn,U=function(t){var n=t.Xt,r=D&&!H&&q(n)===B&&n;return[r,{transform:r?"translate(".concat(F(Z),"px, ").concat(R(Z),"px)"):""}]},Q=function(t,n){if(T(),t)J(nw);else{var r=function(){return J(nw,!0)};d>0&&!n?C(r):r()}},tt=function(){(l=a)&&Q(!0)},tn=[S,T,P,w,y,N,tV(z,"pointerover",tt,{C:!0}),tV(z,"pointerenter",tt),tV(z,"pointerleave",function(){l=!1,a&&Q(!1)}),tV(z,"pointermove",function(){c&&h(function(){S(),Q(!0),j(function(){c&&Q(!1)})})}),tV(X,"scroll",function(t){m(function(){W(r()),f&&Q(!0),O(function(){f&&!l&&Q(!1)})}),e(t),D&&$(U),D&&G(U)})],tr=p.bind(0);return tr.Nt=k,tr.qt=M,[function(t,e,o){var i=o.It,l=o.Lt,v=o.At,p=o.yt,b=nK(n,t,e),h=r(),y=h.Tt,g=h.Ct,m=h.bt,w=u(b("scrollbars.theme"),2),x=w[0],O=w[1],S=u(b("scrollbars.visibility"),2),_=S[0],j=S[1],P=u(b("scrollbars.autoHide"),2),E=P[0],C=P[1],T=u(b("scrollbars.autoHideDelay"),1)[0],L=u(b("scrollbars.dragScroll"),2),k=L[0],A=L[1],M=u(b("scrollbars.clickScroll"),2),N=M[0],I=M[1],z=function(t,n){var r="visible"===_||"auto"===_&&"scroll"===t;return J(nb,r,n),r};if(d=T,O&&(J(s),J(x,!0),s=x),C&&(c="move"===E,a="leave"===E,Q(!(f="never"!==E),!0)),A&&J(nS,k),I&&J(nO,N),v||j||e){var B=z(g.x,!0),Z=z(g.y,!1);J(nh,!(B&&Z))}(i||l||p||e)&&(V(h),W(h),J(nm,!y.x,!0),J(nm,!y.y,!1),J(nl,m&&!H))},tr,A.bind(0,tn)]},rE=function(t,n,r){x(t)&&t(n||void 0,r||void 0)},rC=function(t,n,r){var e=nI(),o=e.F,i=e.q,a=e.Y,f=e.j,l=nj(),s=P(t),d=s?t:t.target,v=nR(d);if(n&&!v){var p=!1,b=function(t){var n=nj().__osOptionsValidationPlugin,r=n&&n.O;return r?r(t,!0):t},h=I({},o(),b(n)),y=u(tQ(r),3),g=y[0],m=y[1],w=y[2],x=u(rp(t,h),3),O=x[0],S=x[1],_=x[2],j=u(rP(t,h,S,function(t){return w("scroll",[Z,t])}),3),E=j[0],C=j[1],T=j[2],L=function(t,n){return O(t,!!n)},k=L.bind(0,{},!0),A=a(k),M=f(k),B=function(t){nF(d),A(),M(),T(),_(),p=!0,w("destroyed",[Z,!!t]),m()},Z={options:function(t,n){if(t){var r=n?o():{},e=t3(h,I(r,b(t)));z(e)||(I(h,e),L(e))}return I({},h)},on:g,off:function(t,n){t&&n&&m(t,n)},state:function(){var t,n=S(),r=n.zt,e=n.Tt,o=n.Ct,i=n.Et,u=n.K;return I({},{overflowEdge:r,overflowAmount:e,overflowStyle:o,hasOverflow:i,padding:u,paddingAbsolute:n.St,directionRTL:n.bt,destroyed:p})},elements:function(){var t=S.Nt,n=t.W,r=t.Z,e=t.K,o=t.J,i=t.tt,u=t.ot,c=t.st,a=C.Nt,f=a.Jt,l=a.nn,s=function(t){var n=t.Ft,r=t.Gt;return{scrollbar:t.Xt,track:r,handle:n}},d=function(t){var n=t.Kt,r=t.Qt,e=s(n[0]);return I({},e,{clone:function(){var t=s(r());return E({},!0,{}),t}})};return I({},{target:n,host:r,padding:e||o,viewport:o,content:i||o,scrollOffsetElement:u,scrollEventElement:c,scrollbarHorizontal:d(f),scrollbarVertical:d(l)})},update:function(t){return L({},t)},destroy:B.bind(0)};return S.jt(function(t,n,r){E(n,r,t)}),nH(d,Z),c(N(l),function(t){return rE(l[t],0,Z)}),nX(S.Nt.it,i().cancel,!s&&t.cancel)?(B(!0),Z):(S.qt(),C.qt(),w("initialized",[Z]),S.jt(function(t,n,r){var e,o=t.vt,i=t.yt,u=t.gt,c=t.It,a=t.Lt,f=t.At;w("updated",[Z,{updateHints:{sizeChanged:o,directionChanged:i,heightIntrinsicChanged:u,overflowEdgeChanged:c,overflowAmountChanged:a,overflowStyleChanged:f,contentMutation:t.wt,hostMutation:t.Ot},changedOptions:n,force:r}])}),Z.update(!0),Z)}return v};rC.plugin=function(t){c(nP(t),function(t){return rE(t,rC)})},rC.valid=function(t){var n=t&&t.elements,r=x(n)&&n();return j(r)&&!!nR(r.target)},rC.env=function(){var t,n=nI(),r=n.k,e=n.I,o=n.A,i=n.V,u=n.B,c=n.L,a=n.X,f=n.U,l=n.q,s=n.N;return I({},{scrollbarsSize:r,scrollbarsOverlaid:e,scrollbarsHiding:o,rtlScrollBehavior:i,flexboxGlue:u,cssCustomProperties:c,staticDefaultInitialization:a,staticDefaultOptions:f,getDefaultInitialization:l,setDefaultInitialization:s,getDefaultOptions:n.F,setDefaultOptions:n.G})};/*! * OverlayScrollbars - * Version: 2.0.0-beta.3 + * Version: 2.0.0 * * Copyright (c) Rene Haas | KingSora. * https://github.com/KingSora * * Released under the MIT license. - */ },3022:function(t,n,r){"use strict";r.r(n),r.d(n,{default:function(){return h}});var e=r(5034),o=r(169),i=r(1373),u=r(4246),c=function(t){var n=t.id,r=t.tag,o=(0,i.Z)(t,["id","tag"]);return n?(0,u.jsx)(u.Fragment,{children:(0,u.jsx)(r,(0,e.Z)({},o))}):(0,u.jsx)(r,(0,e.Z)({},o))},a=r(2581),f=r(7378),l=function(t){var n=t.children,r=(0,f.useRef)(null);return(0,f.useEffect)(function(){if(r.current){var t=(0,a.a)(r.current,{paddingAbsolute:!0,scrollbars:{autoHide:"leave"}});return function(){return t.destroy()}}}),(0,u.jsx)("pre",{ref:r,children:n})};r(2586),r(2431),r(7733);var s=r(8038),d=r.n(s),v=r(1670),p={src:"/OverlayScrollbars/_next/static/media/favicon.7b344e85.ico",height:256,width:256},b=function(t,n){return(0,u.jsx)(c,(0,o.Z)((0,e.Z)({},t),{tag:n}))},h=function(t){var n=t.Component,r=t.pageProps;return(0,f.useEffect)(function(){var t=(0,a.a)(document.body,{});window.osBody=t},[]),(0,u.jsx)(v.Zo,{components:{h1:function(t){return b(t,"h1")},h2:function(t){return b(t,"h2")},h3:function(t){return b(t,"h3")},h4:function(t){return b(t,"h4")},h5:function(t){return b(t,"h5")},h6:function(t){return b(t,"h6")},pre:l},children:(0,u.jsxs)("div",{className:"font-sans font-normal text-primary-dark",children:[(0,u.jsxs)(d(),{children:[(0,u.jsx)("title",{children:"OverlayScrollbars"},"title"),(0,u.jsx)("meta",{name:"description",content:"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling."},"description"),(0,u.jsx)("link",{rel:"icon",href:p.src}),(0,u.jsx)("link",{rel:"shortcut icon",type:"image/x-icon",href:p.src}),(0,u.jsx)("meta",{httpEquiv:"X-UA-Compatible",content:"IE=edge"}),(0,u.jsx)("meta",{name:"theme-color",content:"#36befd"}),(0,u.jsx)("meta",{name:"msapplication-TileColor",content:"#36befd"}),(0,u.jsx)("meta",{name:"msapplication-navbutton-color",content:"#36befd"}),(0,u.jsx)("meta",{name:"application-name",content:"OverlayScrollbars"}),(0,u.jsx)("meta",{name:"msapplication-tooltip",content:"OverlayScrollbars"}),(0,u.jsx)("meta",{name:"apple-mobile-web-app-title",content:"OverlayScrollbars"}),(0,u.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"http://schema.org","@type":"SoftwareSourceCode",url:"https://kingsora.github.io/OverlayScrollbars",name:"OverlayScrollbars",description:"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.",license:"https://en.wikipedia.org/wiki/MIT_License",keywords:"js,javascript,typescript,overlayscrollbars,overlay,scrollbars,custom,scrollbar,plugin,react,vue,angular,treeshaking",isAccessibleForFree:!0,image:"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png",codeRepository:"https://github.com/KingSora/OverlayScrollbars",runtimePlatform:"browser",maintainer:{"@type":"Person",name:"Rene Haas",additionalName:"KingSora",url:"https://github.com/KingSora"},programmingLanguage:{"@type":"ComputerLanguage",name:"javascript",alternateName:"js"}})}})]}),(0,u.jsx)(n,(0,e.Z)({},r))]})})}},7733:function(){},2431:function(){},2586:function(){},8038:function(t,n,r){t.exports=r(555)},1670:function(t,n,r){"use strict";r.d(n,{Zo:function(){return c},ah:function(){return i}});var e=r(7378);let o=e.createContext({});function i(t){let n=e.useContext(o);return e.useMemo(()=>"function"==typeof t?t(n):{...n,...t},[n,t])}let u={};function c({components:t,children:n,disableParentContext:r}){let c=i(t);return r&&(c=t||u),e.createElement(o.Provider,{value:c},n)}},7599:function(t,n,r){"use strict";function e(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}r.d(n,{Z:function(){return e}})},5034:function(t,n,r){"use strict";r.d(n,{Z:function(){return o}});var e=r(7599);function o(t){for(var n=1;n=0||(o[r]=t[r]);return o}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(e=0;e=0)&&Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}r.d(n,{Z:function(){return e}})}},function(t){var n=function(n){return t(t.s=n)};t.O(0,[774,179],function(){return n(8936),n(5817)}),_N_E=t.O()}]); \ No newline at end of file + */ },8276:function(t,n,r){"use strict";r.r(n),r.d(n,{default:function(){return h}});var e=r(5034),o=r(169),i=r(1373),u=r(4246),c=function(t){var n=t.id,r=t.tag,o=(0,i.Z)(t,["id","tag"]);return n?(0,u.jsx)(u.Fragment,{children:(0,u.jsx)(r,(0,e.Z)({},o))}):(0,u.jsx)(r,(0,e.Z)({},o))},a=r(8310),f=r(7378),l=function(t){var n=t.children,r=(0,f.useRef)(null);return(0,f.useEffect)(function(){if(r.current){var t=(0,a.a)(r.current,{paddingAbsolute:!0,scrollbars:{autoHide:"leave"}});return function(){return t.destroy()}}}),(0,u.jsx)("pre",{ref:r,children:n})};r(2586),r(2431),r(7733);var s=r(8038),d=r.n(s),v=r(1670),p={src:"/OverlayScrollbars/_next/static/media/favicon.7b344e85.ico",height:256,width:256},b=function(t,n){return(0,u.jsx)(c,(0,o.Z)((0,e.Z)({},t),{tag:n}))},h=function(t){var n=t.Component,r=t.pageProps;return(0,f.useEffect)(function(){var t=(0,a.a)(document.body,{});window.osBody=t},[]),(0,u.jsx)(v.Zo,{components:{h1:function(t){return b(t,"h1")},h2:function(t){return b(t,"h2")},h3:function(t){return b(t,"h3")},h4:function(t){return b(t,"h4")},h5:function(t){return b(t,"h5")},h6:function(t){return b(t,"h6")},pre:l},children:(0,u.jsxs)("div",{className:"font-sans font-normal text-primary-dark",children:[(0,u.jsxs)(d(),{children:[(0,u.jsx)("title",{children:"OverlayScrollbars"},"title"),(0,u.jsx)("meta",{name:"description",content:"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling."},"description"),(0,u.jsx)("link",{rel:"icon",href:p.src}),(0,u.jsx)("link",{rel:"shortcut icon",type:"image/x-icon",href:p.src}),(0,u.jsx)("meta",{httpEquiv:"X-UA-Compatible",content:"IE=edge"}),(0,u.jsx)("meta",{name:"theme-color",content:"#36befd"}),(0,u.jsx)("meta",{name:"msapplication-TileColor",content:"#36befd"}),(0,u.jsx)("meta",{name:"msapplication-navbutton-color",content:"#36befd"}),(0,u.jsx)("meta",{name:"application-name",content:"OverlayScrollbars"}),(0,u.jsx)("meta",{name:"msapplication-tooltip",content:"OverlayScrollbars"}),(0,u.jsx)("meta",{name:"apple-mobile-web-app-title",content:"OverlayScrollbars"}),(0,u.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"http://schema.org","@type":"SoftwareSourceCode",url:"https://kingsora.github.io/OverlayScrollbars",name:"OverlayScrollbars",description:"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.",license:"https://en.wikipedia.org/wiki/MIT_License",keywords:"js,javascript,typescript,overlayscrollbars,overlay,scrollbars,custom,scrollbar,plugin,react,vue,angular,treeshaking",isAccessibleForFree:!0,image:"https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png",codeRepository:"https://github.com/KingSora/OverlayScrollbars",runtimePlatform:"browser",maintainer:{"@type":"Person",name:"Rene Haas",additionalName:"KingSora",url:"https://github.com/KingSora"},programmingLanguage:{"@type":"ComputerLanguage",name:"javascript",alternateName:"js"}})}})]}),(0,u.jsx)(n,(0,e.Z)({},r))]})})}},7733:function(){},2431:function(){},2586:function(){},8038:function(t,n,r){t.exports=r(555)},1670:function(t,n,r){"use strict";r.d(n,{Zo:function(){return c},ah:function(){return i}});var e=r(7378);let o=e.createContext({});function i(t){let n=e.useContext(o);return e.useMemo(()=>"function"==typeof t?t(n):{...n,...t},[n,t])}let u={};function c({components:t,children:n,disableParentContext:r}){let c=i(t);return r&&(c=t||u),e.createElement(o.Provider,{value:c},n)}},7599:function(t,n,r){"use strict";function e(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}r.d(n,{Z:function(){return e}})},5034:function(t,n,r){"use strict";r.d(n,{Z:function(){return o}});var e=r(7599);function o(t){for(var n=1;n=0||(o[r]=t[r]);return o}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(e=0;e=0)&&Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}r.d(n,{Z:function(){return e}})}},function(t){var n=function(n){return t(t.s=n)};t.O(0,[774,179],function(){return n(8936),n(5817)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/docs/_next/static/chunks/pages/index-188ae9b9804badb3.js b/docs/_next/static/chunks/pages/index-188ae9b9804badb3.js deleted file mode 100644 index 82b0711..0000000 --- a/docs/_next/static/chunks/pages/index-188ae9b9804badb3.js +++ /dev/null @@ -1,5 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{42:function(e,s){var l; /*! - Copyright (c) 2018 Jed Watson. - Licensed under the MIT License (MIT), see - http://jedwatson.github.io/classnames -*/ !function(){"use strict";var n={}.hasOwnProperty;function r(){for(var e=[],s=0;s"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"script"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"type"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"="}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:'"text/javascript"'}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"src"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"="}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:'"path/to/overlayscrollbars.js"'}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"defer>"})]})]})})})]}),"\n",(0,o.jsx)(s.h2,{id:"initialization",children:"Initialization"}),"\n",(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": During initialization its expected that the ",(0,o.jsx)("b",{children:"CSS file is loaded and parsed"})," by the browser."]}),"\n"]}),"\n",(0,o.jsxs)(s.p,{children:["You can initialize either directly with an ",(0,o.jsx)(s.code,{children:"Element"})," or with an ",(0,o.jsx)(s.code,{children:"Object"})," where you have more control over the initialization process."]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// simple initialization with an element"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"const"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"osInstance"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"="}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"), {});"})]})]})})}),"\n",(0,o.jsx)(s.h3,{id:"bridging-initialization-flickering",children:"Bridging initialization flickering"}),"\n",(0,o.jsx)(s.p,{children:"If you initialize OverlayScrollbars it needs a few milliseconds to create and append all the elements to the DOM.\r\nWhile this period the native scrollbars are still visible and are switched out after the initialization is finished. This is perceived as flickering."}),"\n",(0,o.jsxs)(s.p,{children:["To fix this behavior apply the ",(0,o.jsx)(s.code,{children:"data-overlayscrollbars-initialize"})," attribute to the target element (and ",(0,o.jsx)(s.code,{children:"html"})," element if the target element is ",(0,o.jsx)(s.code,{children:"body"}),")."]}),"\n",(0,o.jsx)(s.h3,{id:"initialization-with-an-object",children:"Initialization with an Object"}),"\n",(0,o.jsxs)("details",{children:[(0,o.jsx)("summary",{children:(0,o.jsx)(s.p,{children:"This is a in depth topic. Click here to read it."})}),(0,o.jsx)("br",{}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": For now please refer to the ",(0,o.jsx)("b",{children:"TypeScript definitions"})," for a more detailed description of all possibilities."]}),"\n"]}),(0,o.jsxs)(s.p,{children:["The only required field is the ",(0,o.jsx)(s.code,{children:"target"})," field. This is the field to which the plugin is applied to.",(0,o.jsx)(s.br,{}),"\n","If you use the object initialization only with the ",(0,o.jsx)(s.code,{children:"target"})," field, the outcome is equivalent to the element initialization:"]}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// Both initializations have the same outcome"})}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"), {});"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"({ target: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:") }, {});"})]})]})})}),(0,o.jsxs)(s.p,{children:["In the initialization object you can specify how the library is handling generated elements.\r\nFor example you can appoint an existing element as the ",(0,o.jsx)(s.code,{children:"viewport"})," element. Like this the library won't generate it but take the specified element instead:"]}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"({ "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" target: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#target'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"),"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" elements: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" viewport: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#viewport'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"),"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}, {});"})})]})})}),(0,o.jsx)(s.p,{children:"This is very useful if you have a fixed DOM structure and don't want OverlayScrollbars to generate its own elements. Those cases arise very often when you want an other library to work together with OverlayScrollbars."}),(0,o.jsx)(s.hr,{}),(0,o.jsx)(s.p,{children:"You can also decide to which element the scrollbars should be applied to:"}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"({ "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" target: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#target'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"),"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" scrollbars: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" slot: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#target'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"parentElement"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}, {});"})})]})})}),(0,o.jsx)(s.hr,{}),(0,o.jsx)(s.p,{children:"And last but not least you can decide when the initialization should be canceled:"}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"({ "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" target: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#target'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"),"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" cancel: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" nativeScrollbarsOverlaid: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"true"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" body: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"null"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" }"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}, {});"})})]})})}),(0,o.jsxs)(s.p,{children:["In the above example the initialization is canceled when the native scrollbars are overlaid or when your target is a ",(0,o.jsx)(s.code,{children:"body"})," element and the plugin determined that a initialization to the ",(0,o.jsx)(s.code,{children:"body"})," element would affect native functionality like ",(0,o.jsx)(s.code,{children:"window.scrollTo"}),"."]})]}),"\n",(0,o.jsx)(s.h2,{id:"options",children:"Options"}),"\n",(0,o.jsxs)(s.p,{children:["You can initialize OverlayScrollbars with an initial set of options, which can be changed at any time with the ",(0,o.jsx)(s.code,{children:"options"})," method:"]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"), {"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" overflow: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" x: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'hidden'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"});"})})]})})}),"\n",(0,o.jsx)(s.h3,{id:"options-in-depth",children:"Options in depth"}),"\n",(0,o.jsxs)("details",{children:[(0,o.jsx)("summary",{children:(0,o.jsx)(s.p,{children:"This is a in depth topic. Click here to read it."})}),(0,o.jsx)("br",{}),(0,o.jsx)(s.p,{children:"The default options are:"}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"const"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"defaultOptions"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"="}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" paddingAbsolute: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"false"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" showNativeOverlaidScrollbars: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"false"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" update: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" elementEvents: [["}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'img'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'load'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"]],"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" debounce: ["}),(0,o.jsx)(s.span,{style:{color:"#D33682"},children:"0"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#D33682"},children:"33"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"],"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" attributes: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"null"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" ignoreMutation: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"null"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" overflow: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" x: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'scroll'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" y: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'scroll'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" scrollbars: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" theme: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'os-theme-dark'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" visibility: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'auto'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" autoHide: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'never'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" autoHideDelay: "}),(0,o.jsx)(s.span,{style:{color:"#D33682"},children:"1300"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" dragScroll: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"true"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" clickScroll: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"false"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" pointers: ["}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'mouse'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'touch'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'pen'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"],"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"};"})})]})})}),(0,o.jsx)(s.h3,{id:"paddingabsolute",children:(0,o.jsx)(s.code,{children:"paddingAbsolute"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"boolean"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"false"})})]})})]}),(0,o.jsx)(s.p,{children:"Indicates whether the padding for the content shall be absolute."}),(0,o.jsx)(s.h3,{id:"shownativeoverlaidscrollbars",children:(0,o.jsx)(s.code,{children:"showNativeOverlaidScrollbars"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"boolean"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"false"})})]})})]}),(0,o.jsx)(s.p,{children:"Indicates whether the native overlaid scrollbars shall be visible."}),(0,o.jsx)(s.h3,{id:"updateelementevents",children:(0,o.jsx)(s.code,{children:"update.elementEvents"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"Array<[string, string]> | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"[['img', 'load']]"})})]})})]}),(0,o.jsxs)(s.p,{children:["An array of tuples. The first value in the tuple is an ",(0,o.jsx)(s.code,{children:"selector"})," and the second value are ",(0,o.jsx)(s.code,{children:"event names"}),'. The plugin will update itself if any of the elements with the specified selector will emit any specified event. The default value can be interpreted as "The plugin will update itself if any ',(0,o.jsx)(s.code,{children:"img"})," element emits an ",(0,o.jsx)(s.code,{children:"load"}),' event."']}),(0,o.jsx)(s.h3,{id:"updatedebounce",children:(0,o.jsx)(s.code,{children:"update.debounce"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"[number, number] | number | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"[0, 33]"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": If 0 is used for the timeout, ",(0,o.jsx)(s.code,{children:"requestAnimationFrame"})," instead of ",(0,o.jsx)(s.code,{children:"setTimeout"})," is used for the debounce."]}),"\n"]}),(0,o.jsxs)(s.p,{children:["Debounces the ",(0,o.jsx)(s.code,{children:"MutationObserver"})," which tracks changes to the content. If a ",(0,o.jsx)(s.strong,{children:"tuple"})," is passed, the first value is the timeout and second is the max wait. If only a ",(0,o.jsx)(s.strong,{children:"number"})," is passed you specify only the timeout and there is no max wait. With ",(0,o.jsx)(s.strong,{children:"null"})," there is no debounce. ",(0,o.jsx)(s.strong,{children:"Usefull to fine-tune performance."})]}),(0,o.jsx)(s.h3,{id:"updateattributes",children:(0,o.jsx)(s.code,{children:"update.attributes"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string[] | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"null"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": There is a base array of attributes that the ",(0,o.jsx)(s.code,{children:"MutationObserver"})," always observes, even if this option is ",(0,o.jsx)(s.code,{children:"null"}),"."]}),"\n"]}),(0,o.jsxs)(s.p,{children:["An array of additional attributes that the ",(0,o.jsx)(s.code,{children:"MutationObserver"})," should observe for the content."]}),(0,o.jsx)(s.h3,{id:"updateignoremutation",children:(0,o.jsx)(s.code,{children:"update.ignoreMutation"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"((mutation) => any) | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"null"})})]})})]}),(0,o.jsxs)(s.p,{children:["A function which receives a ",(0,o.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord",children:(0,o.jsx)(s.code,{children:"MutationRecord"})})," as an argument. If the function returns a truthy value the mutation will be ignored and the plugin won't update. ",(0,o.jsx)(s.strong,{children:"Usefull to fine-tune performance."})]}),(0,o.jsx)(s.h3,{id:"overflowx",children:(0,o.jsx)(s.code,{children:"overflow.x"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'scroll'"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Valid values are: ",(0,o.jsx)(s.code,{children:"'hidden'"}),", ",(0,o.jsx)(s.code,{children:"'scroll'"}),", ",(0,o.jsx)(s.code,{children:"'visible'"}),", ",(0,o.jsx)(s.code,{children:"'visible-hidden'"})," and ",(0,o.jsx)(s.code,{children:"'visible-scroll'"}),"."]}),"\n"]}),(0,o.jsx)(s.p,{children:"The overflow behavior for the horizontal (x) axis."}),(0,o.jsx)(s.h3,{id:"overflowy",children:(0,o.jsx)(s.code,{children:"overflow.y"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'scroll'"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Valid values are: ",(0,o.jsx)(s.code,{children:"'hidden'"}),", ",(0,o.jsx)(s.code,{children:"'scroll'"}),", ",(0,o.jsx)(s.code,{children:"'visible'"}),", ",(0,o.jsx)(s.code,{children:"'visible-hidden'"})," and ",(0,o.jsx)(s.code,{children:"'visible-scroll'"}),"."]}),"\n"]}),(0,o.jsx)(s.p,{children:"The overflow behavior for the vertical (y) axis."}),(0,o.jsx)(s.h3,{id:"scrollbarstheme",children:(0,o.jsx)(s.code,{children:"scrollbars.theme"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'os-theme-dark'"})})]})})]}),(0,o.jsx)(s.p,{children:"Applies the specified theme (classname) to the scrollbars."}),(0,o.jsx)(s.h3,{id:"scrollbarsvisibility",children:(0,o.jsx)(s.code,{children:"scrollbars.visibility"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'auto'"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Valid values are: ",(0,o.jsx)(s.code,{children:"'visible'"}),", ",(0,o.jsx)(s.code,{children:"'hidden'"}),", and ",(0,o.jsx)(s.code,{children:"'auto'"}),"."]}),"\n"]}),(0,o.jsx)(s.p,{children:"The base visibility of the scrollbars."}),(0,o.jsx)(s.h3,{id:"scrollbarsautohide",children:(0,o.jsx)(s.code,{children:"scrollbars.autoHide"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'never'"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Valid values are: ",(0,o.jsx)(s.code,{children:"'never'"}),", ",(0,o.jsx)(s.code,{children:"'scroll'"}),", ",(0,o.jsx)(s.code,{children:"'leave'"})," and ",(0,o.jsx)(s.code,{children:"'move'"}),"."]}),"\n"]}),(0,o.jsx)(s.p,{children:"The possibility to hide visible scrollbars automatically after a certain user action."}),(0,o.jsx)(s.h3,{id:"scrollbarsautohidedelay",children:(0,o.jsx)(s.code,{children:"scrollbars.autoHideDelay"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"number"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"1300"})})]})})]}),(0,o.jsx)(s.p,{children:"The delay in milliseconds before the scrollbars are hidden automatically."}),(0,o.jsx)(s.h3,{id:"scrollbarsdragscroll",children:(0,o.jsx)(s.code,{children:"scrollbars.dragScroll"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"boolean"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"true"})})]})})]}),(0,o.jsx)(s.p,{children:"Indicates whether you can drag the scrollbar handles for scrolling."}),(0,o.jsx)(s.h3,{id:"scrollbarsclickscroll",children:(0,o.jsx)(s.code,{children:"scrollbars.clickScroll"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"boolean"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"false"})})]})})]}),(0,o.jsx)(s.p,{children:"Indicates whether you can click on the scrollbar track for scrolling."}),(0,o.jsx)(s.h3,{id:"scrollbarspointers",children:(0,o.jsx)(s.code,{children:"scrollbars.pointers"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string[] | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"['mouse', 'touch', 'pen']"})})]})})]}),(0,o.jsxs)(s.p,{children:["The ",(0,o.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType",children:(0,o.jsx)(s.code,{children:"PointerTypes"})})," the plugin should react to."]})]}),"\n",(0,o.jsx)(s.h2,{id:"events",children:"Events"}),"\n",(0,o.jsxs)(s.p,{children:["You can initialize OverlayScrollbars with an initial set of events, which can be managed at any time with the ",(0,o.jsx)(s.code,{children:"on"})," and ",(0,o.jsx)(s.code,{children:"off"})," methods:"]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"), {}, {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"updated"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(osInstance, onUpdatedArgs) {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// ..."})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" }"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"});"})})]})})}),"\n",(0,o.jsx)(s.h3,{id:"events-in-depth",children:"Events in depth"}),"\n",(0,o.jsxs)("details",{children:[(0,o.jsx)("summary",{children:(0,o.jsx)(s.p,{children:"This is a in depth topic. Click here to read it."})}),(0,o.jsx)("br",{}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Every event receives the ",(0,o.jsx)(s.code,{children:"instance"})," from which it was invoked as the first argument. Always."]}),"\n"]}),(0,o.jsx)(s.h3,{id:"initialized",children:(0,o.jsx)(s.code,{children:"initialized"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"arguments"}),(0,o.jsx)(s.th,{align:"left",children:"description"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"instance"})}),(0,o.jsx)(s.td,{align:"left",children:"The instance which invoked the event."})]})})]}),(0,o.jsx)(s.p,{children:"Is invoked after all generated elements, observers and events were appended to the DOM."}),(0,o.jsx)(s.h3,{id:"updated",children:(0,o.jsx)(s.code,{children:"updated"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"arguments"}),(0,o.jsx)(s.th,{align:"left",children:"description"})]})}),(0,o.jsxs)(s.tbody,{children:[(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"instance"})}),(0,o.jsx)(s.td,{align:"left",children:"The instance which invoked the event."})]}),(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"onUpdatedArgs"})}),(0,o.jsxs)(s.td,{align:"left",children:["An ",(0,o.jsx)(s.code,{children:"object"})," which describes the update in detail."]})]})]})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": If an update was triggered but nothing changed, the event won't be invoked."]}),"\n"]}),(0,o.jsx)(s.p,{children:"Is invoked after the instace was updated."}),(0,o.jsx)(s.h3,{id:"destroyed",children:(0,o.jsx)(s.code,{children:"destroyed"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"arguments"}),(0,o.jsx)(s.th,{align:"left",children:"description"})]})}),(0,o.jsxs)(s.tbody,{children:[(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"instance"})}),(0,o.jsx)(s.td,{align:"left",children:"The instance which invoked the event."})]}),(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"canceled"})}),(0,o.jsxs)(s.td,{align:"left",children:["An ",(0,o.jsx)(s.code,{children:"boolean"})," which indicates whether the initialization was canceled and thus destroyed."]})]})]})]}),(0,o.jsx)(s.p,{children:"Is invoked after all generated elements, observers and events were removed from the DOM."}),(0,o.jsx)(s.h3,{id:"scroll",children:(0,o.jsx)(s.code,{children:"scroll"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"arguments"}),(0,o.jsx)(s.th,{align:"left",children:"description"})]})}),(0,o.jsxs)(s.tbody,{children:[(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"instance"})}),(0,o.jsx)(s.td,{align:"left",children:"The instance which invoked the event."})]}),(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"event"})}),(0,o.jsxs)(s.td,{align:"left",children:["The original ",(0,o.jsx)(s.code,{children:"event"})," argument of the DOM event."]})]})]})]}),(0,o.jsx)(s.p,{children:"Is invoked by scrolling the viewport."})]}),"\n",(0,o.jsx)(s.h2,{id:"instance",children:"Instance"}),"\n",(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": For now please refer to the ",(0,o.jsx)("b",{children:"TypeScript definitions"})," for a more detailed description."]}),"\n"]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"ts","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"interface"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"options"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Options"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"options"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(newOptions"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"PartialOptions"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", pure"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"?:"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"boolean"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Options"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"on"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(eventListeners"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListeners"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", pure"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"?:"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"boolean"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" () "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"=>"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"on"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"extends"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"keyof"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListenerArgs"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">(name"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", listener"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListener"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">)"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" () "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"=>"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"on"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"extends"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"keyof"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListenerArgs"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">(name"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", listener"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListener"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">[])"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" () "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"=>"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"off"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"extends"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"keyof"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListenerArgs"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">(name"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", listener"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListener"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">)"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"off"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"extends"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"keyof"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListenerArgs"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">(name"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", listener"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListener"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">[])"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"update"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(force"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"?:"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"boolean"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"boolean"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"state"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"State"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"elements"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Elements"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"destroy"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}"})})]})})}),"\n",(0,o.jsx)(s.h2,{id:"static-methods",children:"Static Methods"}),"\n",(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": For now please refer to the ",(0,o.jsx)("b",{children:"TypeScript definitions"})," for a more detailed description."]}),"\n"]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"ts","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"interface"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbarsStatic"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" (target"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"InitializationTarget"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"|"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"undefined"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" (target"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"InitializationTarget"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", options"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"PartialOptions"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", eventListeners"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"?:"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListeners"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(plugin"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"|"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"[])"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"valid"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(osInstance"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"any"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" osInstance "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"is"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"env"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Environment"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}"})})]})})}),"\n",(0,o.jsx)(s.h2,{id:"plugins",children:"Plugins"}),"\n",(0,o.jsx)(s.p,{children:"Everything thats considered not core functionality or old browser compatibility is exposed via a plugin. This is done because all unused plugins are treeshaken and thus won't end up in your final bundle. OverlayScrollbars comes with the following plugins:"}),"\n",(0,o.jsxs)(s.ul,{children:["\n",(0,o.jsxs)(s.li,{children:[(0,o.jsx)(s.strong,{children:"ScrollbarsHidingPlugin"}),": Is needed for old browsers which aren't supporting nativ scrollbar styling features. ",(0,o.jsx)(s.a,{href:"https://caniuse.com/?search=scrollbar%20styling",children:"You can find the list of browsers where you need this plugin here"})," (note that even though ",(0,o.jsx)(s.code,{children:"iOS Safari >= 14"})," is marked as unsupported you only need this plugin for ",(0,o.jsx)(s.code,{children:"iOS < 7.1"}),")."]}),"\n",(0,o.jsxs)(s.li,{children:[(0,o.jsx)(s.strong,{children:"SizeObserverPlugin"}),": Is needed for old browsers which aren't supporting the ",(0,o.jsx)(s.code,{children:"ResizeObserver"})," api. ",(0,o.jsx)(s.a,{href:"https://caniuse.com/?search=ResizeObserver",children:"You can find the list of browsers where you need this plugin here"})]}),"\n",(0,o.jsxs)(s.li,{children:[(0,o.jsx)(s.strong,{children:"ClickScrollPlugin"}),": If you want to use the option ",(0,o.jsx)(s.code,{children:"scrollbars: { clickScroll: true }"}),"."]}),"\n"]}),"\n",(0,o.jsx)(s.h3,{id:"consuming-plugins",children:"Consuming Plugins"}),"\n",(0,o.jsx)(s.p,{children:"Plugins are consumed like:"}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"ts","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#859900"},children:"import"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" { "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"ScrollbarsHidingPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"SizeObserverPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"ClickScrollPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"} "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"from"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'overlayscrollbars'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// single plugin"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"ScrollbarsHidingPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:");"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// multiple plugins"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(["}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"SizeObserverPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"ClickScrollPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"]);"})]})]})})}),"\n",(0,o.jsx)(s.h3,{id:"writing-plugins",children:"Writing Plugins"}),"\n",(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": For now please refer to the ",(0,o.jsx)("b",{children:"TypeScript definitions"})," for a more detailed description."]}),"\n"]}),"\n",(0,o.jsx)(s.p,{children:"You can write and publish your own Plugins. This section is a work in progress."}),"\n",(0,o.jsxs)(s.h2,{id:"feature-comparison-to-v1",children:["Feature comparison to ",(0,o.jsx)(s.code,{children:"v1"})]}),"\n",(0,o.jsxs)(s.ul,{children:["\n",(0,o.jsxs)(s.li,{children:["The ",(0,o.jsx)(s.code,{children:"scroll"})," function is missing. Planned as a ",(0,o.jsx)(s.code,{children:"plugin"}),". (WIP)"]}),"\n",(0,o.jsxs)(s.li,{children:["Initialization to the ",(0,o.jsx)(s.code,{children:"textarea"})," element isn't supported yet. Planned as a ",(0,o.jsx)(s.code,{children:"plugin"}),". (WIP)"]}),"\n"]}),"\n",(0,o.jsx)(s.h2,{id:"future-plans",children:"Future Plans"}),"\n",(0,o.jsxs)(s.ul,{children:["\n",(0,o.jsx)(s.li,{children:"Provide plugin based support for missing features. (treeshakeable)"}),"\n",(0,o.jsx)(s.li,{children:"Frequent updates in terms of bug-fixes and enhancements. (always use latest browser features)"}),"\n",(0,o.jsx)(s.li,{children:"Improve tests. (unit & browser tests)"}),"\n"]}),"\n",(0,o.jsx)(s.h2,{id:"license",children:"License"}),"\n",(0,o.jsx)(s.p,{children:"MIT"})]})}var f=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=Object.assign({},(0,m.ah)(),e.components).wrapper;return s?(0,o.jsx)(s,Object.assign({},e,{children:(0,o.jsx)(B,e)})):B(e)},b=l(4028),v=l.n(b),w=function(e){return(0,o.jsx)("div",{className:"my-6 text-center font-medium text-sm uppercase relative",children:(0,o.jsxs)("span",{className:"p-3 bg-white",children:[e,(0,o.jsx)("div",{className:"absolute block top-1/2 left-1/2 w-[100%] xs:w-[80%] border-t-[1px] border-slate-300 translate-x-[-50%] translate-y-[-50%] z-[-1]"})]})})},N=function(){var e=(0,t.useRef)(null);return(0,t.useEffect)(function(){if(e.current){var s=(0,x.a)(e.current,{});return function(){return s.destroy()}}},[]),(0,o.jsxs)(h,{className:"px-6",children:[(0,o.jsx)("div",{className:"mt-8 flex justify-center items-center h-[33vh] min-h-32 max-h-40 xxs:max-h-44",children:(0,o.jsx)("div",{className:a()("h-full",v().logo),children:(0,o.jsx)("img",{src:j.src,className:"h-full",alt:"Overlay Scrollbars Logo"})})}),(0,o.jsx)("h1",{className:"text-center xxs:text-4xl text-2xl font-bold my-11",children:"Overlay Scrollbars"}),(0,o.jsx)("p",{className:"text-center mx-auto max-w-screen-sm my-11 font-medium",children:"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling."}),w("used by"),(0,o.jsx)("div",{ref:e,children:(0,o.jsx)("div",{className:"flex my-7 justify-center",children:(0,o.jsxs)("div",{className:a()("inline-flex items-center gap-6 py-4",v().usedBy),children:[(0,o.jsx)("div",{className:"h-11 px-3 flex-grow flex-shrink-0",style:{filter:"brightness(0.35)"},children:(0,o.jsx)("img",{className:"h-full",src:p.src,alt:""})}),(0,o.jsx)("div",{className:"h-11 px-3 py-1.5 flex-grow flex-shrink-0",children:(0,o.jsx)("img",{className:"h-full",src:y.src,alt:""})}),(0,o.jsx)("div",{className:"h-11 p-3 flex-grow flex-shrink-0",children:(0,o.jsx)("img",{className:"h-full",src:u.src,alt:""})})]})})}),w((0,o.jsxs)("a",{href:"https://github.com/KingSora/OverlayScrollbars",target:"_blank",rel:"noreferrer",children:[(0,o.jsx)(d,{className:"inline-block w-11 hover:scale-110 text-primary-dark hover:text-primary-blue1 active:text-primary-blue2 transition-transformColor ease-in-out duration-300",svg:g,icon:"github"}),(0,o.jsx)("span",{className:"sr-only",children:"OverlayScrollbars on Github"})]})),(0,o.jsxs)("p",{className:"text-center text-sm text-primary-gray2 mx-auto max-w-screen-sm my-11 font-medium",children:["This page is a work in progress. For now refer to the TypeScript definitions for a more detailed documentation.",(0,o.jsx)("br",{}),"Looking for the v1 docs?"," ",(0,o.jsx)("a",{href:"v1",className:"text-primary-blue2 underline",children:"Follow this link"}),"."]}),(0,o.jsxs)("div",{className:"mx-auto flex sm:flex-row justify-center gap-2 items-center flex-wrap",children:[(0,o.jsx)("a",{href:"https://www.npmjs.com/package/overlayscrollbars",children:(0,o.jsx)("img",{src:"https://img.shields.io/npm/dm/overlayscrollbars.svg?style=flat-square",alt:"Downloads"})}),(0,o.jsx)("a",{href:"https://www.npmjs.com/package/overlayscrollbars",children:(0,o.jsx)("img",{src:"https://img.shields.io/npm/v/overlayscrollbars.svg?style=flat-square",alt:"Version"})}),(0,o.jsx)("a",{href:"https://github.com/KingSora/OverlayScrollbars/blob/master/LICENSE",children:(0,o.jsx)("img",{src:"https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square",alt:"License"})}),(0,o.jsx)("a",{href:"https://app.codecov.io/gh/KingSora/OverlayScrollbars",children:(0,o.jsx)("img",{src:"https://img.shields.io/codecov/c/github/KingSora/OverlayScrollbars?style=flat-square",alt:"Code Coverage"})}),(0,o.jsx)("a",{href:"https://bundlephobia.com/package/overlayscrollbars",children:(0,o.jsx)("img",{src:"https://img.shields.io/bundlephobia/minzip/overlayscrollbars?label=max.%20bundle%20size&style=flat-square",alt:"Max. Bundle Size"})})]}),(0,o.jsx)("div",{className:"mt-11 prose prose-primary mx-auto pb-32",children:(0,o.jsx)(f,{})})]})}},4028:function(e){e.exports={logo:"assets_logo__UC59w",usedBySeparator:"assets_usedBySeparator__yqt5h",usedBy:"assets_usedBy__FHTGG"}}},function(e){e.O(0,[774,888,179],function(){return e(e.s=2766)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/docs/_next/static/chunks/pages/index-6cf432147fa9d4da.js b/docs/_next/static/chunks/pages/index-6cf432147fa9d4da.js new file mode 100644 index 0000000..06a80ce --- /dev/null +++ b/docs/_next/static/chunks/pages/index-6cf432147fa9d4da.js @@ -0,0 +1,5 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{42:function(e,s){var l; /*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/ !function(){"use strict";var n={}.hasOwnProperty;function r(){for(var e=[],s=0;s"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"script"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"type"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"="}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:'"text/javascript"'}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"src"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"="}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:'"path/to/overlayscrollbars.js"'}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"defer>"})]})]})})})]}),"\n",(0,o.jsx)(s.h2,{id:"initialization",children:"Initialization"}),"\n",(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": During initialization its expected that the ",(0,o.jsx)("b",{children:"CSS file is loaded and parsed"})," by the browser."]}),"\n"]}),"\n",(0,o.jsxs)(s.p,{children:["You can initialize either directly with an ",(0,o.jsx)(s.code,{children:"Element"})," or with an ",(0,o.jsx)(s.code,{children:"Object"})," where you have more control over the initialization process."]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// simple initialization with an element"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"const"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"osInstance"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"="}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"), {});"})]})]})})}),"\n",(0,o.jsx)(s.h3,{id:"bridging-initialization-flickering",children:"Bridging initialization flickering"}),"\n",(0,o.jsx)(s.p,{children:"If you initialize OverlayScrollbars it needs a few milliseconds to create and append all the elements to the DOM.\r\nWhile this period the native scrollbars are still visible and are switched out after the initialization is finished. This is perceived as flickering."}),"\n",(0,o.jsxs)(s.p,{children:["To fix this behavior apply the ",(0,o.jsx)(s.code,{children:"data-overlayscrollbars-initialize"})," attribute to the target element (and ",(0,o.jsx)(s.code,{children:"html"})," element if the target element is ",(0,o.jsx)(s.code,{children:"body"}),")."]}),"\n",(0,o.jsx)(s.h3,{id:"initialization-with-an-object",children:"Initialization with an Object"}),"\n",(0,o.jsxs)("details",{children:[(0,o.jsx)("summary",{children:(0,o.jsx)(s.p,{children:"This is a in depth topic. Click here to read it."})}),(0,o.jsx)("br",{}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": For now please refer to the ",(0,o.jsx)("b",{children:"TypeScript definitions"})," for a more detailed description of all possibilities."]}),"\n"]}),(0,o.jsxs)(s.p,{children:["The only required field is the ",(0,o.jsx)(s.code,{children:"target"})," field. This is the field to which the plugin is applied to.",(0,o.jsx)(s.br,{}),"\n","If you use the object initialization only with the ",(0,o.jsx)(s.code,{children:"target"})," field, the outcome is equivalent to the element initialization:"]}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// Both initializations have the same outcome"})}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"), {});"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"({ target: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:") }, {});"})]})]})})}),(0,o.jsxs)(s.p,{children:["In the initialization object you can specify how the library is handling generated elements.\r\nFor example you can appoint an existing element as the ",(0,o.jsx)(s.code,{children:"viewport"})," element. Like this the library won't generate it but take the specified element instead:"]}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"({ "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" target: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#target'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"),"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" elements: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" viewport: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#viewport'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"),"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}, {});"})})]})})}),(0,o.jsx)(s.p,{children:"This is very useful if you have a fixed DOM structure and don't want OverlayScrollbars to generate its own elements. Those cases arise very often when you want an other library to work together with OverlayScrollbars."}),(0,o.jsx)(s.hr,{}),(0,o.jsx)(s.p,{children:"You can also decide to which element the scrollbars should be applied to:"}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"({ "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" target: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#target'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"),"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" scrollbars: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" slot: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#target'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"parentElement"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}, {});"})})]})})}),(0,o.jsx)(s.hr,{}),(0,o.jsx)(s.p,{children:"And last but not least you can decide when the initialization should be canceled:"}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"({ "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" target: "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#target'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"),"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" cancel: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" nativeScrollbarsOverlaid: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"true"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" body: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"null"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" }"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}, {});"})})]})})}),(0,o.jsxs)(s.p,{children:["In the above example the initialization is canceled when the native scrollbars are overlaid or when your target is a ",(0,o.jsx)(s.code,{children:"body"})," element and the plugin determined that a initialization to the ",(0,o.jsx)(s.code,{children:"body"})," element would affect native functionality like ",(0,o.jsx)(s.code,{children:"window.scrollTo"}),"."]})]}),"\n",(0,o.jsx)(s.h2,{id:"options",children:"Options"}),"\n",(0,o.jsxs)(s.p,{children:["You can initialize OverlayScrollbars with an initial set of options, which can be changed at any time with the ",(0,o.jsx)(s.code,{children:"options"})," method:"]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"), {"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" overflow: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" x: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'hidden'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"});"})})]})})}),"\n",(0,o.jsx)(s.h3,{id:"options-in-depth",children:"Options in depth"}),"\n",(0,o.jsxs)("details",{children:[(0,o.jsx)("summary",{children:(0,o.jsx)(s.p,{children:"This is a in depth topic. Click here to read it."})}),(0,o.jsx)("br",{}),(0,o.jsx)(s.p,{children:"The default options are:"}),(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"const"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"defaultOptions"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"="}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" paddingAbsolute: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"false"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" showNativeOverlaidScrollbars: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"false"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" update: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" elementEvents: [["}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'img'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'load'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"]],"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" debounce: ["}),(0,o.jsx)(s.span,{style:{color:"#D33682"},children:"0"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#D33682"},children:"33"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"],"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" attributes: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"null"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" ignoreMutation: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"null"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" overflow: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" x: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'scroll'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" y: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'scroll'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" scrollbars: {"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" theme: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'os-theme-dark'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" visibility: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'auto'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" autoHide: "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'never'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" autoHideDelay: "}),(0,o.jsx)(s.span,{style:{color:"#D33682"},children:"1300"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" dragScroll: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"true"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" clickScroll: "}),(0,o.jsx)(s.span,{style:{color:"#B58900"},children:"false"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:","})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" pointers: ["}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'mouse'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'touch'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'pen'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"],"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" },"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"};"})})]})})}),(0,o.jsx)(s.h3,{id:"paddingabsolute",children:(0,o.jsx)(s.code,{children:"paddingAbsolute"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"boolean"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"false"})})]})})]}),(0,o.jsx)(s.p,{children:"Indicates whether the padding for the content shall be absolute."}),(0,o.jsx)(s.h3,{id:"shownativeoverlaidscrollbars",children:(0,o.jsx)(s.code,{children:"showNativeOverlaidScrollbars"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"boolean"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"false"})})]})})]}),(0,o.jsx)(s.p,{children:"Indicates whether the native overlaid scrollbars shall be visible."}),(0,o.jsx)(s.h3,{id:"updateelementevents",children:(0,o.jsx)(s.code,{children:"update.elementEvents"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"Array<[string, string]> | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"[['img', 'load']]"})})]})})]}),(0,o.jsxs)(s.p,{children:["An array of tuples. The first value in the tuple is an ",(0,o.jsx)(s.code,{children:"selector"})," and the second value are ",(0,o.jsx)(s.code,{children:"event names"}),'. The plugin will update itself if any of the elements with the specified selector will emit any specified event. The default value can be interpreted as "The plugin will update itself if any ',(0,o.jsx)(s.code,{children:"img"})," element emits an ",(0,o.jsx)(s.code,{children:"load"}),' event."']}),(0,o.jsx)(s.h3,{id:"updatedebounce",children:(0,o.jsx)(s.code,{children:"update.debounce"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"[number, number] | number | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"[0, 33]"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": If 0 is used for the timeout, ",(0,o.jsx)(s.code,{children:"requestAnimationFrame"})," instead of ",(0,o.jsx)(s.code,{children:"setTimeout"})," is used for the debounce."]}),"\n"]}),(0,o.jsxs)(s.p,{children:["Debounces the ",(0,o.jsx)(s.code,{children:"MutationObserver"})," which tracks changes to the content. If a ",(0,o.jsx)(s.strong,{children:"tuple"})," is passed, the first value is the timeout and second is the max wait. If only a ",(0,o.jsx)(s.strong,{children:"number"})," is passed you specify only the timeout and there is no max wait. With ",(0,o.jsx)(s.strong,{children:"null"})," there is no debounce. ",(0,o.jsx)(s.strong,{children:"Usefull to fine-tune performance."})]}),(0,o.jsx)(s.h3,{id:"updateattributes",children:(0,o.jsx)(s.code,{children:"update.attributes"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string[] | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"null"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": There is a base array of attributes that the ",(0,o.jsx)(s.code,{children:"MutationObserver"})," always observes, even if this option is ",(0,o.jsx)(s.code,{children:"null"}),"."]}),"\n"]}),(0,o.jsxs)(s.p,{children:["An array of additional attributes that the ",(0,o.jsx)(s.code,{children:"MutationObserver"})," should observe for the content."]}),(0,o.jsx)(s.h3,{id:"updateignoremutation",children:(0,o.jsx)(s.code,{children:"update.ignoreMutation"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"((mutation) => any) | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"null"})})]})})]}),(0,o.jsxs)(s.p,{children:["A function which receives a ",(0,o.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord",children:(0,o.jsx)(s.code,{children:"MutationRecord"})})," as an argument. If the function returns a truthy value the mutation will be ignored and the plugin won't update. ",(0,o.jsx)(s.strong,{children:"Usefull to fine-tune performance."})]}),(0,o.jsx)(s.h3,{id:"overflowx",children:(0,o.jsx)(s.code,{children:"overflow.x"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'scroll'"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Valid values are: ",(0,o.jsx)(s.code,{children:"'hidden'"}),", ",(0,o.jsx)(s.code,{children:"'scroll'"}),", ",(0,o.jsx)(s.code,{children:"'visible'"}),", ",(0,o.jsx)(s.code,{children:"'visible-hidden'"})," and ",(0,o.jsx)(s.code,{children:"'visible-scroll'"}),"."]}),"\n"]}),(0,o.jsx)(s.p,{children:"The overflow behavior for the horizontal (x) axis."}),(0,o.jsx)(s.h3,{id:"overflowy",children:(0,o.jsx)(s.code,{children:"overflow.y"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'scroll'"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Valid values are: ",(0,o.jsx)(s.code,{children:"'hidden'"}),", ",(0,o.jsx)(s.code,{children:"'scroll'"}),", ",(0,o.jsx)(s.code,{children:"'visible'"}),", ",(0,o.jsx)(s.code,{children:"'visible-hidden'"})," and ",(0,o.jsx)(s.code,{children:"'visible-scroll'"}),"."]}),"\n"]}),(0,o.jsx)(s.p,{children:"The overflow behavior for the vertical (y) axis."}),(0,o.jsx)(s.h3,{id:"scrollbarstheme",children:(0,o.jsx)(s.code,{children:"scrollbars.theme"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'os-theme-dark'"})})]})})]}),(0,o.jsx)(s.p,{children:"Applies the specified theme (classname) to the scrollbars."}),(0,o.jsx)(s.h3,{id:"scrollbarsvisibility",children:(0,o.jsx)(s.code,{children:"scrollbars.visibility"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'auto'"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Valid values are: ",(0,o.jsx)(s.code,{children:"'visible'"}),", ",(0,o.jsx)(s.code,{children:"'hidden'"}),", and ",(0,o.jsx)(s.code,{children:"'auto'"}),"."]}),"\n"]}),(0,o.jsx)(s.p,{children:"The base visibility of the scrollbars."}),(0,o.jsx)(s.h3,{id:"scrollbarsautohide",children:(0,o.jsx)(s.code,{children:"scrollbars.autoHide"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"'never'"})})]})})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Valid values are: ",(0,o.jsx)(s.code,{children:"'never'"}),", ",(0,o.jsx)(s.code,{children:"'scroll'"}),", ",(0,o.jsx)(s.code,{children:"'leave'"})," and ",(0,o.jsx)(s.code,{children:"'move'"}),"."]}),"\n"]}),(0,o.jsx)(s.p,{children:"The possibility to hide visible scrollbars automatically after a certain user action."}),(0,o.jsx)(s.h3,{id:"scrollbarsautohidedelay",children:(0,o.jsx)(s.code,{children:"scrollbars.autoHideDelay"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"number"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"1300"})})]})})]}),(0,o.jsx)(s.p,{children:"The delay in milliseconds before the scrollbars are hidden automatically."}),(0,o.jsx)(s.h3,{id:"scrollbarsdragscroll",children:(0,o.jsx)(s.code,{children:"scrollbars.dragScroll"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"boolean"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"true"})})]})})]}),(0,o.jsx)(s.p,{children:"Indicates whether you can drag the scrollbar handles for scrolling."}),(0,o.jsx)(s.h3,{id:"scrollbarsclickscroll",children:(0,o.jsx)(s.code,{children:"scrollbars.clickScroll"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"boolean"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"false"})})]})})]}),(0,o.jsx)(s.p,{children:"Indicates whether you can click on the scrollbar track for scrolling."}),(0,o.jsx)(s.h3,{id:"scrollbarspointers",children:(0,o.jsx)(s.code,{children:"scrollbars.pointers"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"type"}),(0,o.jsx)(s.th,{align:"left",children:"default"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"string[] | null"})}),(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"['mouse', 'touch', 'pen']"})})]})})]}),(0,o.jsxs)(s.p,{children:["The ",(0,o.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType",children:(0,o.jsx)(s.code,{children:"PointerTypes"})})," the plugin should react to."]})]}),"\n",(0,o.jsx)(s.h2,{id:"events",children:"Events"}),"\n",(0,o.jsxs)(s.p,{children:["You can initialize OverlayScrollbars with an initial set of events, which can be managed at any time with the ",(0,o.jsx)(s.code,{children:"on"})," and ",(0,o.jsx)(s.code,{children:"off"})," methods:"]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"js","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"js","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"document"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"querySelector"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'#myElement'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"), {}, {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"updated"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(osInstance, onUpdatedArgs) {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// ..."})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" }"})}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"});"})})]})})}),"\n",(0,o.jsx)(s.h3,{id:"events-in-depth",children:"Events in depth"}),"\n",(0,o.jsxs)("details",{children:[(0,o.jsx)("summary",{children:(0,o.jsx)(s.p,{children:"This is a in depth topic. Click here to read it."})}),(0,o.jsx)("br",{}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": Every event receives the ",(0,o.jsx)(s.code,{children:"instance"})," from which it was invoked as the first argument. Always."]}),"\n"]}),(0,o.jsx)(s.h3,{id:"initialized",children:(0,o.jsx)(s.code,{children:"initialized"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"arguments"}),(0,o.jsx)(s.th,{align:"left",children:"description"})]})}),(0,o.jsx)(s.tbody,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"instance"})}),(0,o.jsx)(s.td,{align:"left",children:"The instance which invoked the event."})]})})]}),(0,o.jsx)(s.p,{children:"Is invoked after all generated elements, observers and events were appended to the DOM."}),(0,o.jsx)(s.h3,{id:"updated",children:(0,o.jsx)(s.code,{children:"updated"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"arguments"}),(0,o.jsx)(s.th,{align:"left",children:"description"})]})}),(0,o.jsxs)(s.tbody,{children:[(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"instance"})}),(0,o.jsx)(s.td,{align:"left",children:"The instance which invoked the event."})]}),(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"onUpdatedArgs"})}),(0,o.jsxs)(s.td,{align:"left",children:["An ",(0,o.jsx)(s.code,{children:"object"})," which describes the update in detail."]})]})]})]}),(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": If an update was triggered but nothing changed, the event won't be invoked."]}),"\n"]}),(0,o.jsx)(s.p,{children:"Is invoked after the instace was updated."}),(0,o.jsx)(s.h3,{id:"destroyed",children:(0,o.jsx)(s.code,{children:"destroyed"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"arguments"}),(0,o.jsx)(s.th,{align:"left",children:"description"})]})}),(0,o.jsxs)(s.tbody,{children:[(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"instance"})}),(0,o.jsx)(s.td,{align:"left",children:"The instance which invoked the event."})]}),(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"canceled"})}),(0,o.jsxs)(s.td,{align:"left",children:["An ",(0,o.jsx)(s.code,{children:"boolean"})," which indicates whether the initialization was canceled and thus destroyed."]})]})]})]}),(0,o.jsx)(s.p,{children:"Is invoked after all generated elements, observers and events were removed from the DOM."}),(0,o.jsx)(s.h3,{id:"scroll",children:(0,o.jsx)(s.code,{children:"scroll"})}),(0,o.jsxs)(s.table,{children:[(0,o.jsx)(s.thead,{children:(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.th,{align:"left",children:"arguments"}),(0,o.jsx)(s.th,{align:"left",children:"description"})]})}),(0,o.jsxs)(s.tbody,{children:[(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"instance"})}),(0,o.jsx)(s.td,{align:"left",children:"The instance which invoked the event."})]}),(0,o.jsxs)(s.tr,{children:[(0,o.jsx)(s.td,{align:"left",children:(0,o.jsx)(s.code,{children:"event"})}),(0,o.jsxs)(s.td,{align:"left",children:["The original ",(0,o.jsx)(s.code,{children:"event"})," argument of the DOM event."]})]})]})]}),(0,o.jsx)(s.p,{children:"Is invoked by scrolling the viewport."})]}),"\n",(0,o.jsx)(s.h2,{id:"instance",children:"Instance"}),"\n",(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": For now please refer to the ",(0,o.jsx)("b",{children:"TypeScript definitions"})," for a more detailed description."]}),"\n"]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"ts","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"interface"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"options"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Options"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"options"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(newOptions"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"PartialOptions"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", pure"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"?:"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"boolean"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Options"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"on"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(eventListeners"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListeners"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", pure"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"?:"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"boolean"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" () "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"=>"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"on"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"extends"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"keyof"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListenerArgs"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">(name"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", listener"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListener"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">)"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" () "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"=>"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"on"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"extends"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"keyof"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListenerArgs"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">(name"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", listener"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListener"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">[])"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" () "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"=>"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"off"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"extends"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"keyof"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListenerArgs"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">(name"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", listener"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListener"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">)"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"off"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"extends"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"keyof"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListenerArgs"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">(name"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", listener"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListener"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"<"}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"N"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:">[])"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"update"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(force"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"?:"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"boolean"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"boolean"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"state"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"State"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"elements"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Elements"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"destroy"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}"})})]})})}),"\n",(0,o.jsx)(s.h2,{id:"static-methods",children:"Static Methods"}),"\n",(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": For now please refer to the ",(0,o.jsx)("b",{children:"TypeScript definitions"})," for a more detailed description."]}),"\n"]}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"ts","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#586E75",fontStyle:"italic"},children:"interface"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbarsStatic"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" {"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" (target"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"InitializationTarget"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"|"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"undefined"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" (target"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"InitializationTarget"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", options"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"PartialOptions"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", eventListeners"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"?:"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"EventListeners"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(plugin"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"|"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"[])"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"void"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"valid"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(osInstance"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"any"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:")"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" osInstance "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"is"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"env"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"()"}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:":"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#CB4B16"},children:"Environment"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"}"})})]})})}),"\n",(0,o.jsx)(s.h2,{id:"plugins",children:"Plugins"}),"\n",(0,o.jsx)(s.p,{children:"Everything thats considered not core functionality or old browser compatibility is exposed via a plugin. This is done because all unused plugins are treeshaken and thus won't end up in your final bundle. OverlayScrollbars comes with the following plugins:"}),"\n",(0,o.jsxs)(s.ul,{children:["\n",(0,o.jsxs)(s.li,{children:[(0,o.jsx)(s.strong,{children:"ScrollbarsHidingPlugin"}),": Is needed for old browsers which aren't supporting nativ scrollbar styling features. ",(0,o.jsx)(s.a,{href:"https://caniuse.com/?search=scrollbar%20styling",children:"You can find the list of browsers where you need this plugin here"})," (note that even though ",(0,o.jsx)(s.code,{children:"iOS Safari >= 14"})," is marked as unsupported you only need this plugin for ",(0,o.jsx)(s.code,{children:"iOS < 7.1"}),")."]}),"\n",(0,o.jsxs)(s.li,{children:[(0,o.jsx)(s.strong,{children:"SizeObserverPlugin"}),": Is needed for old browsers which aren't supporting the ",(0,o.jsx)(s.code,{children:"ResizeObserver"})," api. ",(0,o.jsx)(s.a,{href:"https://caniuse.com/?search=ResizeObserver",children:"You can find the list of browsers where you need this plugin here"})]}),"\n",(0,o.jsxs)(s.li,{children:[(0,o.jsx)(s.strong,{children:"ClickScrollPlugin"}),": If you want to use the option ",(0,o.jsx)(s.code,{children:"scrollbars: { clickScroll: true }"}),"."]}),"\n"]}),"\n",(0,o.jsx)(s.h3,{id:"consuming-plugins",children:"Consuming Plugins"}),"\n",(0,o.jsx)(s.p,{children:"Plugins are consumed like:"}),"\n",(0,o.jsx)(s.div,{"data-rehype-pretty-code-fragment":"",children:(0,o.jsx)(s.pre,{"data-language":"ts","data-theme":"default",children:(0,o.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#859900"},children:"import"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" { "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"ScrollbarsHidingPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"SizeObserverPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"ClickScrollPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "})]}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"} "}),(0,o.jsx)(s.span,{style:{color:"#859900"},children:"from"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:" "}),(0,o.jsx)(s.span,{style:{color:"#2AA198"},children:"'overlayscrollbars'"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:";"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// single plugin"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"("}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"ScrollbarsHidingPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:");"})]}),"\n",(0,o.jsx)(s.span,{className:"line"}),"\n",(0,o.jsx)(s.span,{className:"line",children:(0,o.jsx)(s.span,{style:{color:"#93A1A1"},children:"// multiple plugins"})}),"\n",(0,o.jsxs)(s.span,{className:"line",children:[(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"OverlayScrollbars"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"."}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"plugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"(["}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"SizeObserverPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:", "}),(0,o.jsx)(s.span,{style:{color:"#268BD2"},children:"ClickScrollPlugin"}),(0,o.jsx)(s.span,{style:{color:"#657B83"},children:"]);"})]})]})})}),"\n",(0,o.jsx)(s.h3,{id:"writing-plugins",children:"Writing Plugins"}),"\n",(0,o.jsxs)(s.blockquote,{children:["\n",(0,o.jsxs)(s.p,{children:[(0,o.jsx)(s.strong,{children:"Note"}),": For now please refer to the ",(0,o.jsx)("b",{children:"TypeScript definitions"})," for a more detailed description."]}),"\n"]}),"\n",(0,o.jsx)(s.p,{children:"You can write and publish your own Plugins. This section is a work in progress."}),"\n",(0,o.jsxs)(s.h2,{id:"feature-comparison-to-v1",children:["Feature comparison to ",(0,o.jsx)(s.code,{children:"v1"})]}),"\n",(0,o.jsxs)(s.ul,{children:["\n",(0,o.jsxs)(s.li,{children:["The ",(0,o.jsx)(s.code,{children:"scroll"})," function is missing. Planned as a ",(0,o.jsx)(s.code,{children:"plugin"}),". (WIP)"]}),"\n",(0,o.jsxs)(s.li,{children:["Initialization to the ",(0,o.jsx)(s.code,{children:"textarea"})," element isn't supported yet. Planned as a ",(0,o.jsx)(s.code,{children:"plugin"}),". (WIP)"]}),"\n"]}),"\n",(0,o.jsx)(s.h2,{id:"future-plans",children:"Future Plans"}),"\n",(0,o.jsxs)(s.ul,{children:["\n",(0,o.jsx)(s.li,{children:"Provide plugin based support for missing features. (treeshakeable)"}),"\n",(0,o.jsx)(s.li,{children:"Frequent updates in terms of bug-fixes and enhancements. (always use latest browser features)"}),"\n",(0,o.jsx)(s.li,{children:"Improve tests. (unit & browser tests)"}),"\n"]}),"\n",(0,o.jsx)(s.h2,{id:"license",children:"License"}),"\n",(0,o.jsx)(s.p,{children:"MIT"})]})}var B=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=Object.assign({},(0,m.ah)(),e.components).wrapper;return s?(0,o.jsx)(s,Object.assign({},e,{children:(0,o.jsx)(f,e)})):f(e)},b=l(4028),v=l.n(b),w=function(e){return(0,o.jsx)("div",{className:"my-6 text-center font-medium text-sm uppercase relative",children:(0,o.jsxs)("span",{className:"p-3 bg-white",children:[e,(0,o.jsx)("div",{className:"absolute block top-1/2 left-1/2 w-[100%] xs:w-[80%] border-t-[1px] border-slate-300 translate-x-[-50%] translate-y-[-50%] z-[-1]"})]})})},N=function(){var e=(0,t.useRef)(null);return(0,t.useEffect)(function(){if(e.current){var s=(0,x.a)(e.current,{});return function(){return s.destroy()}}},[]),(0,o.jsxs)(h,{className:"px-6",children:[(0,o.jsx)("div",{className:"mt-8 flex justify-center items-center h-[33vh] min-h-32 max-h-40 xxs:max-h-44",children:(0,o.jsx)("div",{className:a()("h-full",v().logo),children:(0,o.jsx)("img",{src:j.src,className:"h-full",alt:"OverlayScrollbars Logo"})})}),(0,o.jsxs)("h1",{className:"text-center xxs:text-4xl text-2xl font-bold my-11",children:["Overlay",(0,o.jsx)("wbr",{}),"Scrollbars"]}),(0,o.jsx)("p",{className:"text-center mx-auto max-w-screen-sm my-11 font-medium",children:"A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling."}),w("used by"),(0,o.jsx)("div",{ref:e,children:(0,o.jsx)("div",{className:"flex justify-center",children:(0,o.jsxs)("div",{className:a()("inline-flex items-center gap-6 py-6",v().usedBy),children:[(0,o.jsx)("div",{className:"h-11 px-3 flex-grow flex-shrink-0",style:{filter:"brightness(0.35)"},children:(0,o.jsx)("img",{className:"h-full",src:p.src,alt:""})}),(0,o.jsx)("div",{className:"h-11 px-3 py-1.5 flex-grow flex-shrink-0",children:(0,o.jsx)("img",{className:"h-full",src:y.src,alt:""})}),(0,o.jsx)("div",{className:"h-11 p-3 flex-grow flex-shrink-0",children:(0,o.jsx)("img",{className:"h-full",src:u.src,alt:""})})]})})}),w((0,o.jsxs)("a",{href:"https://github.com/KingSora/OverlayScrollbars",target:"_blank",rel:"noreferrer",children:[(0,o.jsx)(d,{className:"inline-block w-11 hover:scale-110 text-primary-dark hover:text-primary-blue1 active:text-primary-blue2 transition-transformColor ease-in-out duration-300",svg:g,icon:"github"}),(0,o.jsx)("span",{className:"sr-only",children:"OverlayScrollbars on Github"})]})),(0,o.jsxs)("p",{className:"text-center text-sm text-primary-gray2 mx-auto max-w-screen-sm my-11 font-medium",children:["This page is a work in progress. For now refer to the TypeScript definitions for a more detailed documentation.",(0,o.jsx)("br",{}),"Looking for the v1 docs?"," ",(0,o.jsx)("a",{href:"v1",className:"text-primary-blue2 underline",children:"Follow this link"}),"."]}),(0,o.jsxs)("div",{className:"mx-auto flex sm:flex-row justify-center gap-2 items-center flex-wrap",children:[(0,o.jsx)("a",{href:"https://www.npmjs.com/package/overlayscrollbars",children:(0,o.jsx)("img",{src:"https://img.shields.io/npm/dm/overlayscrollbars.svg?style=flat-square",alt:"Downloads"})}),(0,o.jsx)("a",{href:"https://www.npmjs.com/package/overlayscrollbars",children:(0,o.jsx)("img",{src:"https://img.shields.io/npm/v/overlayscrollbars.svg?style=flat-square",alt:"Version"})}),(0,o.jsx)("a",{href:"https://github.com/KingSora/OverlayScrollbars/blob/master/LICENSE",children:(0,o.jsx)("img",{src:"https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square",alt:"License"})}),(0,o.jsx)("a",{href:"https://app.codecov.io/gh/KingSora/OverlayScrollbars",children:(0,o.jsx)("img",{src:"https://img.shields.io/codecov/c/github/KingSora/OverlayScrollbars?style=flat-square",alt:"Code Coverage"})}),(0,o.jsx)("a",{href:"https://bundlephobia.com/package/overlayscrollbars",children:(0,o.jsx)("img",{src:"https://img.shields.io/bundlephobia/minzip/overlayscrollbars?label=max.%20bundle%20size&style=flat-square",alt:"Max. Bundle Size"})})]}),(0,o.jsx)("div",{className:"mt-11 prose prose-primary mx-auto pb-32",children:(0,o.jsx)(B,{})})]})}},4028:function(e){e.exports={logo:"assets_logo__UC59w",usedBySeparator:"assets_usedBySeparator__yqt5h",usedBy:"assets_usedBy__FHTGG"}}},function(e){e.O(0,[774,888,179],function(){return e(e.s=2766)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/docs/_next/static/css/054cd89f2e050c9e.css b/docs/_next/static/css/054cd89f2e050c9e.css new file mode 100644 index 0000000..e309a83 --- /dev/null +++ b/docs/_next/static/css/054cd89f2e050c9e.css @@ -0,0 +1 @@ +.assets_logo__UC59w{position:relative}.assets_logo__UC59w:after,.assets_logo__UC59w:before{content:"";position:absolute;top:10px;left:0;width:100%;height:100%;background:url(/OverlayScrollbars/_next/static/media/logo.5dcad24b.svg);background-size:contain;background-position:50%;background-repeat:no-repeat;z-index:-1;transform:translateZ(0)}.assets_logo__UC59w:before{filter:blur(33px) saturate(1.22);opacity:.5}.assets_logo__UC59w:after{filter:drop-shadow(0 6px 22px #5242e3) saturate(1.5);top:0;opacity:.1}.assets_usedBySeparator__yqt5h{position:relative}.assets_usedBySeparator__yqt5h:before{content:"";position:absolute;display:block;height:1px;width:100%;top:50%;left:50%;border-width:1px;transform:translate(-50%,-50%);z-index:-1}.assets_usedBy__FHTGG{filter:brightness(.8) sepia(1) saturate(1.3) hue-rotate(175deg);opacity:.6} \ No newline at end of file diff --git a/docs/_next/static/css/5f33822f712d42a1.css b/docs/_next/static/css/5f33822f712d42a1.css new file mode 100644 index 0000000..9d09e69 --- /dev/null +++ b/docs/_next/static/css/5f33822f712d42a1.css @@ -0,0 +1,12 @@ +.default\:fill-current{fill:currentColor}/* +! tailwindcss v3.2.0 | MIT License | https://tailwindcss.com +*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111;border-bottom:1px solid;border-color:#cbd5e1;padding-bottom:.5rem}.prose :where(h1 strong):not(:where([class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;border-bottom:1px solid;border-color:#cbd5e1;padding-bottom:.5rem}.prose :where(h2 strong):not(:where([class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em;background:var(--tw-prose-pre-bg);padding:.25rem;border-radius:.375rem;overflow-wrap:break-word}.prose :where(a code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose] *)){vertical-align:top}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose :where(b):not(:where([class~=not-prose] *)){font-weight:600}.prose :where(h5):not(:where([class~=not-prose] *)){color:#0a376b;font-weight:600;font-size:.875rem;font-size:[object Object]}.prose :where(h6):not(:where([class~=not-prose] *)){color:#0a376b;font-weight:600;font-size:.875rem;font-size:[object Object]}.prose :where(blockquote>p>strong:first-child):not(:where([class~=not-prose] *)){color:#4276ff}.prose :where(summary>:only-child,):not(:where([class~=not-prose] *)){display:inline;margin:0}.prose :where(summary):not(:where([class~=not-prose] *)){display:list-item;cursor:pointer}.prose-sm :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-base :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose-base :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.prose-xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-2xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8333333em;margin-bottom:.8333333em}.prose-2xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-primary{--tw-prose-body:#475774;--tw-prose-headings:#0a376b;--tw-prose-lead:#475774;--tw-prose-links:#4276ff;--tw-prose-bold:#0a376b;--tw-prose-counters:#475774;--tw-prose-bullets:#4276ff;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0a376b;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#475774;--tw-prose-code:#0a376b;--tw-prose-pre-code:#fce7f3;--tw-prose-pre-bg:#f1f5f9;--tw-prose-th-borders:#e2e8f0;--tw-prose-td-borders:#e2e8f0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-\[-1\]{z-index:-1}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-11{margin-top:2.75rem;margin-bottom:2.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-8{margin-top:2rem}.mt-11{margin-top:2.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\[80px\]{height:80px}.h-\[33vh\]{height:33vh}.h-full{height:100%}.h-11{height:2.75rem}.max-h-40{max-height:10rem}.w-\[100\%\]{width:100%}.w-11{width:2.75rem}.max-w-screen-sm{max-width:768px}.flex-shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-6{gap:1.5rem}.gap-2{gap:.5rem}.border-t-\[1px\]{border-top-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-3{padding:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-32{padding-bottom:8rem}.text-center{text-align:center}.font-sans{font-family:Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:600}.font-bold{font-weight:800}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.text-primary-dark{--tw-text-opacity:1;color:rgb(10 55 107/var(--tw-text-opacity))}.text-primary-gray2{--tw-text-opacity:1;color:rgb(105 121 150/var(--tw-text-opacity))}.text-primary-blue2{--tw-text-opacity:1;color:rgb(66 118 255/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-transformColor{transition-property:transform,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.default\:fill-current:default{fill:currentColor}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:text-primary-blue1:hover{--tw-text-opacity:1;color:rgb(51 142 255/var(--tw-text-opacity))}.active\:text-primary-blue2:active{--tw-text-opacity:1;color:rgb(66 118 255/var(--tw-text-opacity))}@media (min-width:374px){.xxs\:max-h-44{max-height:11rem}.xxs\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:640px){.xs\:w-\[80\%\]{width:80%}}@media (min-width:768px){.sm\:container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:374px){.sm\:container{max-width:374px}}@media (min-width:640px){.sm\:container{max-width:640px}}@media (min-width:768px){.sm\:container{max-width:768px}}@media (min-width:960px){.sm\:container{max-width:960px}}@media (min-width:1280px){.sm\:container{max-width:1280px}}@media (min-width:1440px){.sm\:container{max-width:1440px}}@media (min-width:1536px){.sm\:container{max-width:1536px}}.sm\:flex-row{flex-direction:row}}@font-face{font-family:Noto Sans;src:url(/OverlayScrollbars/_next/static/media/NotoSans-Regular.c983f2f0.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans;src:url(/OverlayScrollbars/_next/static/media/NotoSans-SemiBold.dedd3bcb.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Noto Sans;src:url(/OverlayScrollbars/_next/static/media/NotoSans-ExtraBold.d19a8e50.ttf) format("truetype");font-weight:800;font-style:normal}.os-viewport,[data-overlayscrollbars=viewport],body,html{-ms-scroll-chaining:none;overscroll-behavior:none}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html){overflow:auto}.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{--os-custom-prop:-1;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:var(--os-custom-prop)}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,.os-viewport{-ms-overflow-style:scrollbar!important}.os-viewport-scrollbar-hidden.os-environment,.os-viewport-scrollbar-hidden.os-viewport,[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],html.os-viewport-scrollbar-hidden{scrollbar-width:none!important}.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar,.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar-corner,.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar,.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar-corner,[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,html.os-viewport-scrollbar-hidden::-webkit-scrollbar,html.os-viewport-scrollbar-hidden::-webkit-scrollbar-corner{display:none!important;width:0!important;height:0!important;visibility:hidden!important;background:transparent!important}html.os-viewport-scrollbar-hidden,html.os-viewport-scrollbar-hidden>body[data-overlayscrollbars]{box-sizing:border-box;margin:0;width:100%;height:100%}.os-padding,[data-overlayscrollbars~=host]{position:relative;display:flex;flex-direction:row!important;flex-wrap:nowrap!important}.os-padding,.os-viewport{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;padding:0;margin:0;border:none;z-index:0}.os-viewport{--os-vaw:0;--os-vah:0}.os-viewport.os-viewport-arrange:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{overflow:hidden!important}[data-overlayscrollbars~=overflowVisible]{overflow:visible!important}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden!important}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll!important}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden!important}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll!important}.os-padding,.os-viewport{overflow:hidden}.os-overflow-visible{overflow:visible}.os-content{box-sizing:inherit}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] .os-padding{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>.os-padding,[data-overlayscrollbars-grid]>.os-padding>.os-viewport,[data-overlayscrollbars-grid]>.os-viewport{height:auto!important;width:auto!important}.os-scrollbar{contain:strict;transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-interaction.os-scrollbar-visible,.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hidden{opacity:0;visibility:hidden}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-theme-none.os-scrollbar,[data-overlayscrollbars~=updating]>.os-scrollbar{display:none!important}.os-theme-dark.os-scrollbar-horizontal,.os-theme-light.os-scrollbar-horizontal{right:10px;height:10px}.os-theme-dark.os-scrollbar-vertical,.os-theme-light.os-scrollbar-vertical{bottom:10px;width:10px}.os-theme-dark.os-scrollbar-rtl.os-scrollbar-horizontal,.os-theme-light.os-scrollbar-rtl.os-scrollbar-horizontal{left:10px;right:0}.os-theme-dark.os-scrollbar,.os-theme-light.os-scrollbar{padding:2px;box-sizing:border-box;background:transparent}.os-theme-dark.os-scrollbar-unusable,.os-theme-dark.os-scrollbar>.os-scrollbar-track,.os-theme-light.os-scrollbar-unusable,.os-theme-light.os-scrollbar>.os-scrollbar-track{background:transparent}.os-theme-dark.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-theme-dark.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-theme-dark.os-scrollbar-transition>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-scrollbar-transition>.os-scrollbar-track>.os-scrollbar-handle{transition:background-color .3s}.os-theme-dark.os-scrollbar>.os-scrollbar-track,.os-theme-dark.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-scrollbar>.os-scrollbar-track,.os-theme-light.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{border-radius:10px}.os-theme-dark.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4)}.os-theme-light.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:hsla(0,0%,100%,.4)}.os-theme-dark.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-theme-light.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:hsla(0,0%,100%,.55)}.os-theme-dark.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.7)}.os-theme-light.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:hsla(0,0%,100%,.7)}.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-theme-dark.os-host-scrollbar-hidden>.os-scrollbar-handle:before{display:none}.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before{top:-6px;bottom:-2px}.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-theme-dark.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle:before{right:-6px;left:-2px} +/*! + * OverlayScrollbars + * Version: 2.0.0 + * + * Copyright (c) Rene Haas | KingSora. + * https://github.com/KingSora + * + * Released under the MIT license. + */ \ No newline at end of file diff --git a/docs/_next/static/css/6d4acf96faa56924.css b/docs/_next/static/css/6d4acf96faa56924.css deleted file mode 100644 index 0f60e4f..0000000 --- a/docs/_next/static/css/6d4acf96faa56924.css +++ /dev/null @@ -1,12 +0,0 @@ -.default\:fill-current{fill:currentColor}/* -! tailwindcss v3.2.0 | MIT License | https://tailwindcss.com -*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111;border-bottom:1px solid;border-color:#cbd5e1;padding-bottom:.5rem}.prose :where(h1 strong):not(:where([class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;border-bottom:1px solid;border-color:#cbd5e1;padding-bottom:.5rem}.prose :where(h2 strong):not(:where([class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em;background:var(--tw-prose-pre-bg);padding:.25rem;border-radius:.375rem}.prose :where(a code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose] *)){vertical-align:top}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose :where(b):not(:where([class~=not-prose] *)){font-weight:600}.prose :where(h5):not(:where([class~=not-prose] *)){color:#0a376b;font-weight:600;font-size:.875rem;font-size:[object Object]}.prose :where(h6):not(:where([class~=not-prose] *)){color:#0a376b;font-weight:600;font-size:.875rem;font-size:[object Object]}.prose :where(blockquote>p>strong:first-child):not(:where([class~=not-prose] *)){color:#4276ff}.prose :where(summary>:only-child,):not(:where([class~=not-prose] *)){display:inline-block;margin:0}.prose :where(summary):not(:where([class~=not-prose] *)){display:inline list-item;cursor:pointer}.prose-sm :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-base :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose-base :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}.prose-xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-2xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-top:.8333333em;margin-bottom:.8333333em}.prose-2xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-primary{--tw-prose-body:#475774;--tw-prose-headings:#0a376b;--tw-prose-lead:#475774;--tw-prose-links:#4276ff;--tw-prose-bold:#0a376b;--tw-prose-counters:#475774;--tw-prose-bullets:#4276ff;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0a376b;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#475774;--tw-prose-code:#0a376b;--tw-prose-pre-code:#fce7f3;--tw-prose-pre-bg:#f1f5f9;--tw-prose-th-borders:#e2e8f0;--tw-prose-td-borders:#e2e8f0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-\[-1\]{z-index:-1}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-11{margin-top:2.75rem;margin-bottom:2.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.mt-8{margin-top:2rem}.mt-11{margin-top:2.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\[80px\]{height:80px}.h-\[33vh\]{height:33vh}.h-full{height:100%}.h-11{height:2.75rem}.max-h-40{max-height:10rem}.w-\[100\%\]{width:100%}.w-11{width:2.75rem}.max-w-screen-sm{max-width:768px}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-6{gap:1.5rem}.gap-2{gap:.5rem}.border-t-\[1px\]{border-top-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-3{padding:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-32{padding-bottom:8rem}.text-center{text-align:center}.font-sans{font-family:Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:600}.font-bold{font-weight:800}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.text-primary-dark{--tw-text-opacity:1;color:rgb(10 55 107/var(--tw-text-opacity))}.text-primary-gray2{--tw-text-opacity:1;color:rgb(105 121 150/var(--tw-text-opacity))}.text-primary-blue2{--tw-text-opacity:1;color:rgb(66 118 255/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-transformColor{transition-property:transform,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.default\:fill-current:default{fill:currentColor}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:text-primary-blue1:hover{--tw-text-opacity:1;color:rgb(51 142 255/var(--tw-text-opacity))}.active\:text-primary-blue2:active{--tw-text-opacity:1;color:rgb(66 118 255/var(--tw-text-opacity))}@media (min-width:374px){.xxs\:max-h-44{max-height:11rem}.xxs\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:640px){.xs\:w-\[80\%\]{width:80%}}@media (min-width:768px){.sm\:container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:374px){.sm\:container{max-width:374px}}@media (min-width:640px){.sm\:container{max-width:640px}}@media (min-width:768px){.sm\:container{max-width:768px}}@media (min-width:960px){.sm\:container{max-width:960px}}@media (min-width:1280px){.sm\:container{max-width:1280px}}@media (min-width:1440px){.sm\:container{max-width:1440px}}@media (min-width:1536px){.sm\:container{max-width:1536px}}.sm\:flex-row{flex-direction:row}}@font-face{font-family:Noto Sans;src:url(/OverlayScrollbars/_next/static/media/NotoSans-Regular.c983f2f0.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans;src:url(/OverlayScrollbars/_next/static/media/NotoSans-SemiBold.dedd3bcb.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Noto Sans;src:url(/OverlayScrollbars/_next/static/media/NotoSans-ExtraBold.d19a8e50.ttf) format("truetype");font-weight:800;font-style:normal}.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{--os-custom-prop:-1;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:var(--os-custom-prop)}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,.os-viewport{-ms-overflow-style:scrollbar!important}.os-viewport-scrollbar-hidden.os-environment,.os-viewport-scrollbar-hidden.os-viewport,[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],html.os-viewport-scrollbar-hidden{scrollbar-width:none!important}.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar,.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar-corner,.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar,.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar-corner,[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,html.os-viewport-scrollbar-hidden::-webkit-scrollbar,html.os-viewport-scrollbar-hidden::-webkit-scrollbar-corner{display:none!important;width:0!important;height:0!important;visibility:hidden!important;background:transparent!important}html.os-viewport-scrollbar-hidden,html.os-viewport-scrollbar-hidden>body[data-overlayscrollbars]{box-sizing:border-box;margin:0;width:100%;height:100%}.os-padding,[data-overlayscrollbars~=host]{position:relative;display:flex;flex-direction:row!important;flex-wrap:nowrap!important}.os-padding,.os-viewport{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;padding:0;margin:0;border:none;z-index:0}.os-viewport{--os-vaw:0;--os-vah:0}.os-viewport.os-viewport-arrange:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{overflow:hidden!important}[data-overlayscrollbars~=overflowVisible]{overflow:visible!important}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden!important}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll!important}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden!important}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll!important}.os-padding,.os-viewport{overflow:hidden}.os-overflow-visible{overflow:visible}.os-content{box-sizing:inherit}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] .os-padding{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>.os-padding,[data-overlayscrollbars-grid]>.os-padding>.os-viewport,[data-overlayscrollbars-grid]>.os-viewport{height:auto!important;width:auto!important}.os-scrollbar{contain:strict;transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-interaction.os-scrollbar-visible,.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hidden{opacity:0;visibility:hidden}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-theme-none.os-scrollbar,[data-overlayscrollbars~=updating]>.os-scrollbar{display:none!important}.os-theme-dark.os-scrollbar-horizontal,.os-theme-light.os-scrollbar-horizontal{right:10px;height:10px}.os-theme-dark.os-scrollbar-vertical,.os-theme-light.os-scrollbar-vertical{bottom:10px;width:10px}.os-theme-dark.os-scrollbar-rtl.os-scrollbar-horizontal,.os-theme-light.os-scrollbar-rtl.os-scrollbar-horizontal{left:10px;right:0}.os-theme-dark.os-scrollbar,.os-theme-light.os-scrollbar{padding:2px;box-sizing:border-box;background:transparent}.os-theme-dark.os-scrollbar-unusable,.os-theme-dark.os-scrollbar>.os-scrollbar-track,.os-theme-light.os-scrollbar-unusable,.os-theme-light.os-scrollbar>.os-scrollbar-track{background:transparent}.os-theme-dark.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-theme-dark.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-theme-dark.os-scrollbar-transition>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-scrollbar-transition>.os-scrollbar-track>.os-scrollbar-handle{transition:background-color .3s}.os-theme-dark.os-scrollbar>.os-scrollbar-track,.os-theme-dark.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-scrollbar>.os-scrollbar-track,.os-theme-light.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{border-radius:10px}.os-theme-dark.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4)}.os-theme-light.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:hsla(0,0%,100%,.4)}.os-theme-dark.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-theme-light.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:hsla(0,0%,100%,.55)}.os-theme-dark.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.7)}.os-theme-light.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:hsla(0,0%,100%,.7)}.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-theme-dark.os-host-scrollbar-hidden>.os-scrollbar-handle:before{display:none}.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before{top:-6px;bottom:-2px}.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-theme-dark.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle:before{right:-6px;left:-2px} -/*! - * OverlayScrollbars - * Version: 2.0.0-beta.3 - * - * Copyright (c) Rene Haas | KingSora. - * https://github.com/KingSora - * - * Released under the MIT license. - */ \ No newline at end of file diff --git a/docs/_next/static/css/84d874cedcd57975.css b/docs/_next/static/css/84d874cedcd57975.css deleted file mode 100644 index 3ed94b7..0000000 --- a/docs/_next/static/css/84d874cedcd57975.css +++ /dev/null @@ -1 +0,0 @@ -.assets_logo__UC59w{position:relative}.assets_logo__UC59w:after,.assets_logo__UC59w:before{content:"";position:absolute;top:10px;left:0;width:100%;height:100%;background:url(/OverlayScrollbars/_next/static/media/logo.5dcad24b.svg);background-size:contain;background-position:50%;background-repeat:no-repeat;z-index:-1}.assets_logo__UC59w:before{filter:blur(33px) saturate(1.22);opacity:.5}.assets_logo__UC59w:after{filter:drop-shadow(0 6px 22px #5242e3) saturate(1.5);top:0;opacity:.1}.assets_usedBySeparator__yqt5h{position:relative}.assets_usedBySeparator__yqt5h:before{content:"";position:absolute;display:block;height:1px;width:100%;top:50%;left:50%;border-width:1px;transform:translate(-50%,-50%);z-index:-1}.assets_usedBy__FHTGG{filter:brightness(.8) sepia(1) saturate(1.3) hue-rotate(175deg);opacity:.6} \ No newline at end of file diff --git a/docs/_next/static/tQOy37nmg763bauC5xcoV/_buildManifest.js b/docs/_next/static/wkOU74O7kOlik2LTdPTsJ/_buildManifest.js similarity index 59% rename from docs/_next/static/tQOy37nmg763bauC5xcoV/_buildManifest.js rename to docs/_next/static/wkOU74O7kOlik2LTdPTsJ/_buildManifest.js index a0b600c..2fae63c 100644 --- a/docs/_next/static/tQOy37nmg763bauC5xcoV/_buildManifest.js +++ b/docs/_next/static/wkOU74O7kOlik2LTdPTsJ/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST={__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/css/84d874cedcd57975.css","static/chunks/pages/index-188ae9b9804badb3.js"],"/_error":["static/chunks/pages/_error-fa37e1d4331cc885.js"],sortedPages:["/","/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST={__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/css/054cd89f2e050c9e.css","static/chunks/pages/index-6cf432147fa9d4da.js"],"/_error":["static/chunks/pages/_error-fa37e1d4331cc885.js"],sortedPages:["/","/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/docs/_next/static/tQOy37nmg763bauC5xcoV/_ssgManifest.js b/docs/_next/static/wkOU74O7kOlik2LTdPTsJ/_ssgManifest.js similarity index 100% rename from docs/_next/static/tQOy37nmg763bauC5xcoV/_ssgManifest.js rename to docs/_next/static/wkOU74O7kOlik2LTdPTsJ/_ssgManifest.js diff --git a/docs/img/browserstack.png b/docs/img/browserstack.png new file mode 100644 index 0000000000000000000000000000000000000000..a45e9e7534eb03b4f6c64ea9fddab55043f130db GIT binary patch literal 22066 zcmd?QWm_Cwur55f1t+)%cXtU8fhUDc~2KdH)LqLZQn002w{`41WZ0KD$&`5h|q>+zvQsq>Yf zIm_$00RR~I|9)_Qj4WaR0KL^#M&{Ee8z*-sHybBsY6Te?YG+p`D_eU@0Kj{(BE|ZX z<{c?y%}v!ekN(4Z#lI>Ev^cLMPYH#LCJ#~iJB?Id#LxzMCDL2mPeksxAG#UJP zZ~Ks;NO}Y_9yO*i+kvKNH>)i-J=rZMBk6aeyeBWh<1bm9*no;u&g3X{{vi8EL&CRz zdsO9>zu*H=$P=U}41>FfwiH_u6Z1}UQQ&T!v2g%FO9K8SpWnPJ{lU<5LjuUt0e+*p zAuRv~xB$R(g3E6xKVTfK1skSfyHS!pk5k~mYALW4)GTSG9daV@Lb`A zXq=#sF*mnzE3)l%E(g_qvcA1Y?SApA?TZ@pB8CI7%McPE0rUa#M%t?1f6z0p<0i4; z!7IB)&@y@cKx*k!NMhT12v@G9Wla$s^k10KOUxqT9jwh_Dg=J51lCVUCKHv8P-E%1 zW-tW_4&IS)pCx56Mq%V`EtmgID4{SZL7-HWJVsr1PT zr|ABU)kC4&)r93n-B+u@%P)=b(P-_Qqe-at*3}e;huHu;yrg-2(5(?CH6W;3 zUNhq-5||m~{e5wLcn5&}9#BeF%vVPPXfO?`D@H=sTMdgq0DuvYJ_n;M{=$Zs!U@0t zV=$~$7rf;NhXr<+dzYBZ`N~48-N9dLk!v)e2L`vf&TF_A>Qlnc4*Ag;IDJG)- zCM}T*lvSm+P8^mObfwypi%4u5AR>^lWx}788J$RHLfOuzv3Vmxr6Na^cV|P>ipwr% zHxX*X>r2=XwJQ5Ck@}YjnfR@_SwtEpq|3hsl?_d)$6{WwoS3!eYxT!+%!6J>^MHBQ zL*BR`bJ)BPS(YdVDp52(jBs6hLjcC&?9pts?6d4(DCvlJL!s7xuu*a5=uIgBmm6mi z!`Yp>Zgs_xa!>SEv#Dr*cO4Gj2nWzN)x# z$A_chz#`j;a+}V2A3h|9cMg&j*`B%AajM0clO1~s?!p1@I&uQzp2MCM!t=hAb!+05 zmTQ!Jw$*MaJl9Vy|5`evW%MhfO25eW^Hsz?D}QZ9dPWtgi9?}&;UZcCWrMm$L~Dm{ zm~Z1f@)g2<>g+eZ@1$0w&!p0^(y<++yL`yR#64;2!#G?}o@;InF64B?BH^U|5sMTq zZ0@$ScNwG^b$pwAsW#eQbEXc>&DeMeW>xK6|&H_@-}Ojb@N!l$e;8{bD6sJ#jORt`OBqRdl`qh`NsLq z99te<+ntp3Y+lfk@IvI#^@4c)Ts3y1iTRq<3$$xU3ifHwxj*rk7}h*gGkZ45cA!^M z=Q+Ob@kJ-AO}K4v zC9e5t+i^2zI}jXT(|C6{v+!Vr?M>`+DqbpnFSd{~m?Pw*73DH$Cu0xqr5xXmtJ6zwcw=!Vx_NqU+0#25eR+3z*@5X#WuNqH42Vey$s73()thab>DuYx zX}xg`-cibB$Zb5g19gP*Ql3|}N3eOIV16UxOxwDkiN5xB6|%_*K4%M2s$NK2{}n? z1=Xe*eSNwkgRMrJhkRVU@8tqSgW0)DEY?GX=XU5Aeb`aYV&m;Y?P}4Rgj7cPogZqq z7B$KW4^kz@u?Jo(NgUHn_4-|Vw#!m)s$i9Wj3djH^%iP|ytUR#yF$Prt+PL8^~$QM zY78`6cb*n+8yv!Y!;!)fBoUt{KK<69W8K%=?Q|TEZ>Ex!^sMkQ1i3xkd@(yq#%udg z`=g2sk*xC3;zjdLZIf(Tz|+BXwcd}{tj^-1gWcF*UvXCHLJ6fY!ogt`vZ~#F^mHA* z#F;wEvQ!sZD^pWYC05_=Q9L*{DhkrJ_`FWnpl;4Wq(htq=;#y*fsHy6LXpHl!L8O7cVeMM!`es&kHoMBJq)PIapQ$Fo z;x8Lw3853%s7&BDeKH5qvP@kS`fuyi8>i7GNx%*-x-I#B^|48ac~O699B&+v;JZq@pXiB^eaV796ER0k8VAR5Bl4( z+A^G)mu))seCsOwJa6_4jGM+*uiFC7uujHi+t$6>PWo04j?(9*=U5LZS~)vkcBEEA zYrY}HpTp|<8oI9Pw{>%Zw*QI~et|ZHh4caBHQ*TV>KH_~uUK?1A0j->>KCC?7)UA5O ze2kO0OL#InG(TfJQuD|a&J_jq0(~SJZ&}am?gWRO9M)tyB}vCAsZ!4^{Q&?l0HC6T z;N3_yH!K&GIu50Dr9!=(Yg> zLq>`F%M*$_Dh3GBm6qh7@+%ypHka2>0RS8s0RXou0N{}b00?0P0Nix|fU{NrfV%_$ zz|W2*CGQ0Q6wehtNPYHRJk0hp??Pnn#p+9}-0-P#e{pmyf{V zlKGc9t{|@GSKK}RTZ&X|6c+@f0WvGIVM-%cx~n#HQw_fWspJ{Kb*nlKz`RCP(|efa;*(AfSTgeI8&-&Ow?p{xFH z@c$%Xh$;WB{C|@KFy6oa{!fB~r~7a4|02@xO8*A`FCuS>_HXe2Nl^d)A-X3cp1VxH z3&ZlD2d4oZ92O!L0v3P}a1l%b<|AKJ5FI`Kgc?D z=}J5H3m@YO$E6&9BiE4y=;x@kQ+Wq`x$wngrRmj$wN{EqeRqk%zeLVPg)j44_<;qZ zgMD~$qr+LVET|7{6OUOU>OR7jD(c+b=KJ=ohhlO!E9KN7t_R!NIIyRH)Jpo_8qifU z`~>eCH(Jm*V>z=p!{bmkOjd`s@hb<~Ax89Hi%C;Vt`B7O1|%+=Q8C0F-D=g=v6h)J z{$~~NcFSmNYZ_OMFfmwK2-$Ym3MpiTyo-XEs?sWPA=2L6>|*6CwLXA;hO$L?VIg@M zhu}YB2yQ42pH&Al1~t__Os!$nV%@3WE~}Ug#Hp2KP7^Q$el`F;4m46lFv^0m4-b8f zWz_#OW<;niMp;tOID8drtNIuXh&$v#I!rxoZ?oZ|fCjJM14pvxspyl^E$~OSk(Z4; z`m1iQVt%c!7Qwnj&)M`%Btc%zLA~=xbg`>pS!x*V--|DugJHNwnBpwLe3`z2I+22xloBpl5JzLj6?cRzh6ja<8^n!iWfscAT-`!Cx;iwt9KH0iMhFk@1-Q5oOo z@PEE1Z>sgK5(}jg5XaGCwnzhF(QX<5`zQ5)rErn4V!7&>l&!u7RG8IZ`eft|PCZ(r z>=e6(O?BOi@-RxBmy?8v#sH`ZrsLsrNvR&(^5cqu;ihuvx&*4es5>UGGDn7nFF#?Oe8bcX>SopsvCU1I#qvHgq zgj-Y`r%V7!M6?yQ^0(W!_3TXJ*-LVuZ;FM6CWXc=O)DGcuh@fhW@ zy6n>`_P9FIiF<^Jhpgmxd7F>9)EQ;x6%yZEO%SerP@bU$%uI*}JW zG;{V<`x?gJN zjkUjh@4AjK7`~I_RRq9F7i;JGX}hbY4BvTy~QPSt&h=b?k^ky|+H6Tw{Lpd8tv z94jL?QZZ-)eN;{%0TDB_T3*(gJ<>bWX9)ys<#uBGD+lWR4|neWxEG&IVg4l2ImmA& zW4UZ`H9aW%VlTlPOt!#W%9Ch5_`!Gwqcq!|c&Mh7Q|{({oT1SUQ)*gURM-Qx%Z>U* z-Wy(g4z~=$BKlH%gFLfT5*_Sm-9D$G~GPoaX(`uX;zM-<*jU!v7?!Z9iNszS11Y+zS}J6SZ+Y z>84T9B;FBhW3w5=ujYmplTR1CJUm3)Cl^GuKrX~dwFh(gFR(96KZk)y@GAY{>Cuopu204od z0|3rw!dz8@+u%mA(YNRoMb>U3&y&>a!MNG@t~R1hSc$@siJ7aI?hK-BjdtGuV?-GL zv8+ONL>|igU5nMixS4@96T2$-!bjk~+ znZU_}?BU#@tFu9lF4EXpO{~w3KQQ6%PBty~3~Am`h)H1KzF9#rs0RA-JfT4iJ5#qynW#`8!{ZW#Gg{Z1AAx0CO1S4WiqTd%Sbc9+w z$Hy3=WaGIBf7QrI2?~5lJmR?ESkkg+$l{5;Rg$w^pkfqlyim)_f}4;R zg*FrXXyM>=PBrSJ=cD8DK}P}2s%~8l+K%Jru$?!vs^T)0!#nLbiZF? zk1@^&C>91VEG%4EVtV|`E;#tQrmuPZTmmL1MV0{Mh-hPa*Orf3E~HeA;z}F~jbO>85n)Yl5O~%`wZ%{8ywK+a*fV128)Dgw z|9r)$|v^S%Z%(6sY^>T|>Wx31Aa--1)#C-q$8+$Eox z;wup3+@EOv%{{x$Un(aVaGAr{iwd8;Sa>tOU28$gr8kQHO^+b*2OD*L#&VnO=$g>} z$@B&XXJ!^7DHyKPQZ_|clGxv+ujXob;R8`j?co)C|7(uW{yOlV(b|Z4um&u5*heBf z3jJw@cWw)PFcNP%Y@qL(P5GSTC!ozxDX`_boI|=%VqZkFfo>YW(N9rgmNQZ`c-%N4 zwAG#^wcD!>TKMVOZ0`2`GeBk$oQLZx;uSU1CF#KNb0?qT*5T#65DnAk6*qo?M`ME_ zfLY6-UUi zOJ08y85Fws_+;e=S&vgOi$J(7y2`?{J_U^5urx8N?4NZ?XHrOkmGA#SSz?s`(334# zhee(I?y9R?C*a$NxzVl$)4D+5OVJyI1ykvg@liMHuW6VqHRI9zhpo#=ln|@Bch96& zet#*Ndp|m?<%YNU!RywN&pR83_$STD$pF`+aU1T=p0|}uip@A*QLr)~7|9Uc9TBRt z)SbX`GM%hMr+YUE?DO~{+oUI%WItjTalbTk9p*1LjmLk-S_kJXBYtU~3>{o;1s-rxtC@#nFV(eS_7Gy4vq zP60b)e(>D!*La{B0td@U{}GA(TBqmAK~8wpyZOtF7LAgw8#3vjCMs6X-^-n(lv(Q= zA3x>klu?u{9C5Pn(cVRhf*<=9uUfgs5GJc*IY7j3R zWi5Gm_G3wGbGMD9|JpytZ@NTXbw^ZQ!iUNM*b%&3T0Bq`f#78 zH3i||6UpMD*QBDCA6qKL!BduR1>Mc6FOL?6%S#Y$PCEG~+fQ$8EH$5gcIye{X9A+(QTpyy|HE&Kfjwiqm4?WD40GFW6j_)Vf^i z=e0#PByuK3@5ujra|TYq*;Z{U=8YhWxWs?@>AWfu{A=Ml{I#y*7WmJypMnLoepfYq z8&2sRD95hzE01BgB2n26PzL%YbuCJkQiWelHxJ|}i$QQK+h(#Q-f0p3leIU@XX+bmQz zF~+^9z!OJy6Fh5~-NEMdDGB{hz0_ElLW<7m%3;lg>}Neyj^V=-|BOd=5RHjBa~AdQ z9RDyq6MxCcicEM15PPn*14pz{%uhG@K?fa7A$x_?xbEfi3}T^#z*^9Z6-Mxd2id=h zbMyVb0Q>_mR(9!id_DDTxF6r%-{_7{#SY=OrLHioXj_s3@4=Mi?;JhuqU_AY#_*Dt z6LUJ~!uuu30&(_+v?;LA>{{$Z(SU2I1R> zfksh_Tq>57N;4FqYfh7UUfI`dSi_VeVQtbwJRL#Q>_(S!&?ENiZIyr{;olocyQgt{ zZ~?dusz2(N|0U$ZsWw}6Ybtv>R(tCP|c;%RkGgv)emX%9_++o|*2UAJo zlMqAN*Cz((=?ZRf6_*Tzd;WSEU>ddi#$@g+M()jix{It9vWt*gbt8o08w_VkVH(^Y zELzdP%8!X!GZ$4#cj^f<0!O}Yj#{x7fIMQ};yY(Icoz72N*g|a;EQ@0Bx|6??Zr!a zu}BB@rMmiTjMa@4PqptK_LNeMDVKkYb04;bp*%zyc?mBdd%g<$uxivhD?cWB(r$!E z_7PvJF6Jw+?!+IeyGKMu^ec4`934>@V7gE|Wel%LgE2KM}`C*d)wV3&dB-uU{k zuP_woqE<#q*gPv`x(6)&d{PRWNaf6KY#QwYgAiC_ zxpj!mt!#|(zDP%x>A>b{( zmW_hniWucxPuK6LB2gB#7)%UJEnW89E|fd2QJOJFJZ2XchxV+q)b;sVISd*J;>eXB zw-;;s=Qof~c8+Pj;jMH})Ob1C4n~zOYaQ24b>AWEOd&RsOLmUF7 z07RL&Zp9?%K+*qMO-CKRjGR&14M))Eo=e7U2XR%WG0c&4piQWSZK0Ub)~1-kZ`q}H zvk+;0D4CUnl$51h(64Fge58jSxORe^E63wAZz$c1bwtGgVowlUba@(19a|gj_b0eb zet|HD5x;Eg^TDRX=fm1eXTJ0v|1`jiI#5(JO*U81l4CX(BjKytcjZBF%u(=K`M{C% zkDs^colU>wimTG#$b1B-p=qV$aiSXiA zR7$(Dp-`yyy?dQrW$XFSkEQ18y&r4EtoG9ojX*~lV%04LKK#c=?=SlgVD|9*h*)lQm?_Mr{j*H5jGoRMw!YomKF{}v z|FZXvro+rflHlYVKIYTP{Jf2ap^XjCr3f#5Cnu-D6QFC~+j4`Z%1hy!8{EAknk9+C zftJq@Q>+NriO&|6E=(l1+ef{xm@M-(ABXzcC|5Q@wc80CV)Vjx2c9Rqb?0C>6KDw3kF?|U;AxKbFx95(%T@_CgfEU za_?Z7wAf$m9OAimzK8*1 zT-gA}6Q8Mjn>YUgmL7lSG$2+qG$AyV9rPK$t3G!WsAjI<-@(CDuckC(;^(uXm|I&L z?|Zp2X*irLn;?n%jz zUJZAr+z7W9pkZnFP9c$ql%j@16?H_<5J{yj^3=l*T`c=(435b-2$Mf?n9Cs${&e zhQ+lG1rZ;Aja=$2$-YU#AwkTgti4_Mq=cKW2mtH#uP1isx>yZCNH zMBD1&$eUTs5fErwv0}XK0#exH;R04epKW@tF`gb^UY}o*htsy#^bC@j(Qc^C;{r9M}$S>;W^FzBQJp zemI-bEq8pMTaRE3aO%6TWVPle;ejk;8DbbZR2;4J!1G5CHRyA&54?je9_+JLlNV_m zDSDw{XbWs43|&oYbRF+BhWRvG*Pp7?H}WPrXGY~-E&l}|XdTx50hcZp9ykMGY8D~7 zMsq1?Y^y}D8=X6+I1_{vyz-y@G+><|H8OJv+lr3%kxZCq(72}0uR-`1Hwoje15N-4 zmAak~-Z~}IB8c;|i^>@5bQSg|Bj~XXa`qriJvj zvcc0b7XL*G`~q+)Jymr?P(7105rnwInUr?d-f{j^4VZ#^900x#fV)LB?hA7z2RsTo zCvxw&ft%!RH61YK8{L93Z@|mv0>AL65=)+&7qcC}Y6vmGE#QY>w_w?~&0@*ty8FEOMMlwz3aulhxmd5R_51zemq_$dA7T#@%vQ67m?PR zAWz9|wj!QT$7+xGjirEAeOt=+p8DRuMg2viX0(a9Vg;}@^SB;&>j15Xk)7->@GTmI z$`+QEF~U)%+H(&jdHpfm)2E8I{$WE0zdZmi)-iXAi2>tqj(w~mexG8EY6o%$oNn0P z6gKmKpU28;DYgT>RFfaX#lZq|KU-3$ke|^EKjk&E^s>P=!PAhmvZumY#eU}j;)~o) zF0r=KHt*hgG{e75yNAenoQ_BmZ$BBv(xDkbzW*YS4B`Af;9JFQHHer~n#J=Z(nov| z&|Z(5TlL8>c|%u>^&SC|CS%upY>l9Hm)}|lIlDUnC;9!+K5T;jUiQY=eXrt*NSA+k zS+%_xJoJGAc{-D2bvFb$32Ew$X%UL!H9Ic9JnSajfu*3P+k4<9w$K_;l=>GgDLWs` z79-fZRW*1jVfKHAy>%6@g)|cK9D!zJ{N<8^_aZSjHkN(pgvC#mc-W7> zfgziZ(06LtvfbZ(8QK*aMmVW~uIdhU_7@Qvl-DD4?TZD< zK7CsBSLZDY@jF)X9uC1I%LUK%!}QL$L)fnZ!TJxwiZ_xB@WTqt^db;#QVS!G`x-kXXlO#!E8qA9rF9Sgldj6y+*uWB^_?Vw zqt5YY2jO$1wd+`{&^H0t#}GMnEhT*C4(=jdnu(8W_{eW9oNU2?KrM?AHsnsek204c zup79>2cE7U_Rt~g81CI!^Qfw`o3h}#@`ko=!7uPmdJIgA8FEmHTIcDAuP^&8;sMpU&MD-vQFN`~Bt!H93iq&I?U&)`&o#|Jw`MtSSj!JRTC zVRbfaJ3gH=^7$E%zpZ9%on3j4fAIrhIAyy{gKHwai>W{k{odz~oV*0INbSS=nGO@e z<^9pi3+tx(HVY*vLKW``)^*OhGy6lBy%W8PiPDx|YY|GMIHt1)9WwL9&<`)S+Ue8q zjdqdTRw)evf8Kpb*zPKeetf!s+wJ1_hC+%T&+xl1>O=sX8Fr58YcCW+O@qfBQUNrvLcxCs_+JfU>=UmwCsHs%I9x+fB z?VGD3hsl+xYlhKs=Op%>?hwA*60*)~P2G(}&d)zYK{mzt%E+BzmU&OaePxNiC1z{sxn~L!{m{ka>nlav=vuH4$^N?5ZFd#EFg)yZvam zu0rZ;D~$n1!Pqg8xU)gsxtF2(AI9k3qrJw%5<{0$KlJdz2WYn|)*4AWAYxca*5FR{ z&*%yE36Gk+=6*fV>We;Sh)b2(l>>;ZX@iB^TGF>D zo-ip}6VLsFbUEoCi3+9mfwxh`*O1A{$E zUdSV7&fA+A0H^dCJC8*1W}!cGKh;@zLx=2Q19I~W@r4Y`?{#&s98tzMqf_>plY zlKn@;ah`r@q?j)E^$Zbp2J-@+jo^1|P-$f;!$;FgwL@U=;Qpga9#M%bqP5YcBl{zFJd8S3bG8{pj3Pzxa_F$(rObm z9tfgBow}pXM4uZmXYU5!;YHyscJI=uD^>@bw=B}I6A|M4PETR)>~a2Uf#w8<=p1G$ zMYDZ>S1!F#nqX544YaiQvC6X~8AKGY`1es>9YjUR2QjpaN#~B+sk*r}fBH+kQTm<= z3%2daO2i-F9C@<(7QFAqd0IrxNdR3u3fx$uxV!AcZm$g9_=>yA0~E$s=6rl8-yu!y zLege4)Kv55?p%C{mG!(d8F`4Z&r}>tu7GF~!;mS1Gou!jK=1s>9qzU*&*=Dx} zAR1A{b0asNe+GO`pKNH6hdj<-lP5Z-1!Q@_gKUC&4&Fi+flxC^r(gcP6M)t89aFFZ z|3U5z2HZ|?5^MeQ;jdVp61o^}&OBv?OIin!vXQ`oPNXt|rsPv*v|5V=ozcE}Xe)FP zOj7sc=A)TD`fOG4B=vUmPVhzc*Ya&yxQT(?iPOxeT}20mw=JN{gmV>6>`RPKpLbe& zd4oYk1E{LcX+{mE$Km5%QaDdd`xqLY!a7`kZ~^{ocl3=+OQc_I=H7a!_-8Yrw^IlD zcN9Y1Ja0bDgTyRow|03+W;@7f{yDz1uW#nV_f(aYJ6iG0tinwWOBp6|s|z2Z*g&LQ zXzxY}6RbAyp+oBg)G*K{JB?v09oa$e+Tt4brb#rspOw^#d|Psw$@S-R${ zdAa_}0Rsi5@M{Q`er^m80o(Pwz!dt?9+t`Y-=c-Pnu{y0YTBk8&C(A0AA7-(}uYRdl{H=ph&G(;-p)9!}MsHX&5I z+??&i*kI6jm)Zysvdd_~YpOXhi{QyDTLl{Yt`>4wP3y9aqcyJAU)Eql`5gXcGrjkq zs|K#IrFJM_?bFfO(}(im;m7M39_(EW_(Oqqra#i{&~Y5&7+0%(Hskp~?vQ1Bom*Tv zbDHX*GhNIFPQjW+b%V?OBXf&Emx>0-o-+GW2C>}}cLZz_lu7{zd1vYf5CIM%MH83T z4*c89TCu|@_$+ShQ>*d#*4wQR+T@E~p3!rjb?x7!#Ao+3b~o#Ir>W8}^hf+Wf8gul z%O}FDvm6(fyiF8P*eD|?AQeP0Pj0rCwG~aYepdl3Q4uEK)}WuWM(r!Z(=F-vY(dYI zjljaBHgo1sYzW`9`nBNeYbe!R1#VA}hOK0Mf$xeZ7Afs@0_tw8ljpg|mAS$na3V#a z>YNK;um0#hiQ#^EbxNxk;W=VA_xCT=zQ(|ySpGxF?`dMchXSh3m6l>iI)MvU(8cL9 zSD|b)e}r*47r$)mIrzt!_@N~o;c6_}!16w=5nv13&ABgC&I`=6V+qF_9AR z4m@d?)kyAmQmI|oxGFaIEcP^r^HkDs`9`ekXNpXz#E8@p?gq`b2Z7@BsXJATOlZw@ z+_vALG^5qH^$H5dst1Ez5dKn8(4# zzIeB6U2{7>{f1fN)x#T;YO_2_;a zer)%b9mE4kMt6HqD6wN>JvgOm2G0>J>{NiqF)kNq;Mh1oEEiAW-l`xee>AK`BgDHz z^UPD}sW~{cP5Sr%fOma2ZL1V|5^#`Mv!cK&L4&F8W-H)R==|bw{3My2VWyt9$HVoF z+cb+5Z!{CiWcQ5m7IEA*mr9R|n*Exg(Srf|(Z{rk|F^U|vdvF}&r494BvD^#X3fw%W< zN{`oX&{M~l=&PS?DvoY$o`|VmYH2N#j$SgI1KYpVprF)a(AIKn7yyqTg9oE|B1qk%|mu6wB3o zwiOY-_gsBQT8ks&)Y*LG8ELgzjpZ!USnrK_!>kI)(B?6w8fqWAUyrOmshia4>k{(q1a~E#>-XZK<_z=w2*8m7^T` zw*B4I}oKRv;CmXo$CqSbC{i< z%1wLPCU~} z`d@NwVMVwvpw8aF@r5HZ-sGv_Y$?R`xEdZkhl0!e<9no5_P^ zR`dpn;T3XeEu34#JNyWwYdW+tV`<2m+hhDf!Mv=v(k|-X7Lv1s4<2SZl+orSga@9< zKrj-?P*Qzz@pRu+zEpsT5F9(b%NH$U(AEn<%{bhIS%~dGH8eJ|bPdK~HDYPrj|MeZ zK=--S@0~OHIScMaE2>ZzQz^SN%^RoPqZb!6r`vnZG@q@ruy={1HwOvxPPjc(Pw*?b zx5#_Uyh6>wL*I57?uPQQRBhskVw{Xx_7*e9m%O+@K9?85JXys@EoQVyNvn}3=J3P2 z@o;^^kK)T?)Jl41E)%)i<TX4GnAh`ea#9e9`FkIEa6D0kLs-9;`3+EYbs46*-u2FTurVm0z>|--F zwnvLAevGfrgH|R`r0KjjRq=JjVcf+_*KS}k=AS$vusiZJAF&bxrfDdz^r&FgicRVt zd@9lUt7mt@4H1(&``eMg85p<^!X&&{lINw}utS_vU(WCrI9&pCV=6Kdv3mpxw_An` zpPfHvMd=KmC5Xf&Hj$cl>iz<|BoBs7aOX&=E5@jDFybR39{f!AQSpr}a0laCF0{ z`9zfhuT&?=hI-Voi*6rSy(oIrobEAeLq*mHuBQrMNe|hGQBCvW}Z8{xH zJ^PGu)T~fu=hYAYW^5;l8>lbM9acN0ce73?Ocl?Ly+&%c-z!`N*s&{3;F@MqCv9pG z#1SrcrFVi^8pOQqa8WJ~PBq*KHuy{oJEEq>ZkN!sfi*Kd&^|YYPVDA+AWQ`^j40mo zGIB0?5!7?00gt$S6r)N?`uq17P|q$`=5UZGyJiUU)+~g5VKpdq{lzJ8Ho~?0sN=H^ zF15V)D2cbNBIMm#Bb0*|B8KT-Hquy3Vm^kc&sxU;&-%K7`pBg7a`5lS^*c>gLFjf& zHnU!q%InssZ1nX36wT#}bHwz&sx2F>J~_HCnpn9Pfeic<6BA`PE~b;xJ^A59G!JVc zmv301Ccy^9LDAuZlMm^&UxJ($>6f7&{*>&)e#@o9Zn3v);RIF+CV#xX_T#qVFT5Bz za*9ElOPH@WOh-+HXC_5=wj>F@LN-@+dnK8)Pp3iLRw{{tuc*;Ck}=hGEf%_%hiq8D z{*&qFfdRP$s^N#b!XMH*x4Q^@o2KvK%Ulo#5gI*W7F|8lPwK!1=x^hkX87KkW+DWG zVtWqm-C&!~AW*1INSR@EchhU}U)pf$UTC};|B9r-^!K;0HiCG8Iw&W-)x%0u#7{pG z+@{5#Pwxb<%hRg8PIiL(ed^ny+cPVMpLh6L>W>)`3lM~h#CG(m^6Qq$Ryt!AqEGb2{m2Y%T zXcF5Oi?xZiS1JtjG%~b^<%l0wCdBOccDW=*R))1J#C==+j&mM6UE2?(U zUbBmke;{@isKC1}_wmMmh;vY_u)VPC82*3?P_sbcA^KXoo!ptnwkzJeNh0>dh$`=& zGa74MZDU-ftEs%?(hX2P}OyaKC1UD`$E6V+!0>-1RT&^#Yz%NcAz%cdn|~DlKcb=U4i@kyLPOX?l{@ zo_z>GWiuZMJd}BD9E9#_dhs~Fwj`q4WPd`V<589!*(fEXD$n?}j@ufBT%OqI*_tJs zh^@E798p#qAEFByu1P}Zi2}cI7crQWDu#HJdD@f{@q?GO+n zA>m(GpDFJCG?&F$3+IN7!!_zz#n_frQ~iKrOj^^aUNX@T5viM@GpM9Kq#(FKVzrKK zAJfk)`BKit1u-;_Y5Ao(SG&xkVG@iokNhjkM*`iyD#cLzwOb#TNnIc<>{pUj0px2`rd@&BDkj;7XD94NAi?3sjmUHQnpDya+E-CrRxxTlrHAcTz03 zB#pOm<^e=unyQ=iNIfbYj2$Xr`g9a1fA=R(irTqG)$T~7egEPu$mx?v-rqR+&aVXv zm8DSS?wuY;8k8j-mlxs>cMA%VY{~x+FzDLd`D5aRS|SglRA{XP zoN3q0CI#7jy`Qtg8df;&m#e4oE1tr zWh=t@;^W79)K;q<*?)r=kBX87J~Dl8PIc@Y5(M+VemE&ol+ESdaTY6H zPQ(TYB8(H8cYcXUH(G!0_ExRm&Id)!c0THXWdhzb4-&gMgFV@~Auoa3%I#($qanvcA`PC4O+qyZjs?PBf-a&q@};RWo1rX+-yh8_c7-?w?d z#lNMS-+K4<+7_O3RE|9*(GDTY8n1b_iA$u=_&J9Aq*v+K?=LE@@2evkne**d0yxmB z_a0)ot11=en&F}aMFVSxUiU9ZhNb?DeHP83nG-aeOB$<++;CiM>2}^_&1kk$xU-qv znRh2t70)hV|8_DtXm$ZM7i+tNWY}R4nj6;*D={9iFf8d{@jjf0_W6D}E7wOnm3-Y< zjOn8NS_4Pue0FPhZfUpAqx+}~fD{ru#tpQ?zFHkVfH>MFD!9X1G?cFom3o4P~ zjbwCmjrT$* zo4hC&;a|Jf__xYZkOnR@O@wfA28WUu>o`(h-m^3q&U3}gu`ONE9I_s*wpmIH|NhA_O}5()_OI}Yvd z$4w>spHYufWD^&Q;(WIf3erPGM{J3swS{f}vOccVBf&Pq4pe?5Xbl_??BU1_O%9e# zG^!JnkSEul!6Y93-D%YsV>KjEs7k@E>N_YE=l{N+d#~@*wt?J;HTXjZOWyd>wUdm< z*5xLP&a+YOB6)_E?F`Rd;Or))rnSHUDo!v622Yu%l-4HOm3cgUh6%~pMqb2UOt-{v zl<|{jzrcvpGMYDzw773izGkAGYf%YgBK(0qlRx%}1ZuAR2tCy2NwRR@=vMKe;7d39 z5J=g^kQZ9ceuN7yPu`(RVpd*_5C*=T>naF!Qnvuz5Em6#S~Ahmrt1ZT{fLsvYBK1I z!lCMNHq?dO4(p?`y=Vu$rNIB%o0holPz_P9=A9zt)PV5+!r4KaSK0pKFNd}#H*qhO z+HQu)l0(K`m$n`b>w zIp-0TJNrir4& z$CqTP2#Wq?wVM=>=FkQh*t*vf57xo$MurS@oq*gIEj!-1mu?J+7eYD_&G)Kaa= z!)!3M&j+K=x@ug$jgn((p-Zn3owSpJL9}dj8_p`lASMp@+SPr(ksX z=Wj+^KYOk@$w}p`e0~(nd%okh^>asxYdjXQoxA+O$U;%k(1JhMUvDyaEzzvTWUfBo zIcfbgeLNS^)cw*mQISf*&G{ZFT|+nQb!}xsA+Q;`A7)*9uo`v4OzT`J4dyh*GgfAO z9C5Hn-m#?|c6qaI+TiUDPoR|?JY_@isr58Uj&|+j6EuK*g)|=?z-AwYQFHIV6Ytos z_MQKpsGzC4bbk&FS|v8@=9n`kPHF#0uI)4rVO3nrW&7tS0$R2(@1m(Q*t)q3w; z>ZiX{UV=WrJ?*hj)jYt81jh<$fj3FbEm;Htm`q>`T1PRK(N@i}_nz&Sn$iD~#;aPa zv8+|iE-VT>cnj!g&%C#XDLHSjmP&*XSvb_xm;}A9BB88qJ)5S>^tB`k#}y#(MIwab zu+EgRf#;8kr{H>uaY(VR#!3aer-D@qB=G>yZC^_mm4AFb zr1vW91dN5a?@bwhz|D0q9mD2!mIzvWW}$u@{wJ1g?{*02>5i%-Dbce~PNP^$&!5qH zCebWA!AS^UBh23T;1_@vo%`&=ouvUD@fqZ>v zFHW)C4qLBv_|xn@-bO_1R1m(^RTPZYHlJXO9sQ$1pyI+D&;g46N~=Y89cdpc*i<75 zjpM3r;}T=opgmqqvmJA=kj~UygP%dx)$ATM=Z`r0ZUoYyzV#X*G>yDU&+e>@xnqC@ zgpUn;SiQZ@uT(?P(;=z!`mqnfoZyK{AUQL9Zz%pL5*(D> z+X+Hw&ZGYbP}F%# zE1r77ZpjyVd^O0j=IXONU|qiWq|ndx(2JYPu5N1_uacl;TKnc)@%w6HlIg*Zi=;34 z`ct;DozUWZ4Cd64cMN#WEX z>_z9jb9r(F8i^r{jx{s0(F}`3(2fVnYj;KvX#Ek5IhSA8KowVkAA2M!(s;!?#MYVA zseQr|W=qt}-KYFii%(Fjs46T^PlN#Ha+C@AdH@P&me%-rn)JfH7R7+L0~E?kxIdoI z&n=$&c)Mrj?vM3|u1?Bt6b+xyqq)}@-1l-MsE&0l4N-d9J|AFeBi#x0;9mIUh#A_P zi<8*X{r+N-lvG>6xg19hahRO@_v=YVha9AhZ@zGxo+MwPrAXbs&=fq_k z$ADIH#p;{lNRQ~Su}E5g&CGjaYxf+~Pt92qR))j0`SIa3jViWaqfhO&KgYDW(e+MY zQRuOUcM80}no}wkX%Gq+R87F>sgV}>d>9; zEw})}xfH89g;po{*ppNpWU75-=K?5s89zfkf;~8YdU>%*S6%x{FIMQaCW%Xh8Tl-` z%?)1aLAtvwSucLg_7_3=xxMV0L%D;M)h%HDX-QK(OcxQdvFl%jgBAkr)3iw9CWy=L zPFqjkUhrMIxG#X54*p>X=rKFW&9&m%z0yGH816`2uo^&I`!(gmG&f$&N9EZkdH7B9 zzxeaz_}R6+(4du*Ce`F%N!b#KUW`C?dik~$v&qB-I{~~p^noHFq3ZZzYL~kDW=j4y ze1@h`Oexa~iC~mEfZGcQnDH>%9e_-aux>B*(!8G?SJIXiu`TY>cv@2iXk>V-QwD%t z?fPsRsF~8`igKy4BNvxI*`)b$PB|BU!gLd666Uzs-+Vhhr$WlkycGrknH8V$xP9f| zV8>1^X6;}ZkzM5o`h&~Nz)9mEr#MHMxqJDhEzSS-Lm&}1V*5U8;R_~xv1ipR{FX{~ z;?3hNN_`mv6fO%nRBh>5Z)sCqYj7@;O(^ccQE|=u-)QH}0g@_miC_J-RJlLJN$E`+ z^9jF3Sihr|S)5!Xhc*Se?6rI6Wjrvmbmlygb&6wQU&P}jdy!7A=Cb+&(i->w5Iq99 ztJ-l+D01N379c<;f$as&zgHdxLA*$6Ib^A}eqLMg8uXm+snltt^R$lp@-VStn=jC_ zQwaV2{%%LqS5Cj&R5-*yJY78~PtH-N)*#&?T?B1yoLH{m%#^QIW@XSO1<>c^F`ZX{ zd>qy7dT6R27+W5}gC^Gd=xlRV5W2vfN!L`%KYE%h#8z?ttIXYQJWH&8^VvxZheUw! zo!v>6aAD8n+#bcWMQOf|POb|X+!N`2gEMkevk(g$al$z>+izCBmyE%*2|ILMUtFk> z)6Br%X!UqMQ>Bzr>N-_Ab+k^O#?}ViNsflXHJ^d9!7mdTgG@usQAR=C!bm4>Kp#ny)Fv%pdZ9EY*{?e~>?%DqivUd-3;=aHA&Xl`g zHnw~r4m@B?u*sEi!+m>Koysj>wjxm9G&61)#D3xS!H#S=y8Xf>Ofr{!JC4S&n6SZV zrdt8FsF&=9sVWyKCm8Pt?UFG|hQOI<(ISbr@9^vT4iW<=Yq%v3x-<<(>K-c(&= z3xxw00i(2s-pOy!RHR!p#(9TKbxaZHdO`a9K^w#XWsf91n3B8#9Q%(MR$XXjuXea| zMrkDEQ|d9F$h{_SqmEE_&+nZRVLx%FKgQ}{Uo$nq>*DlXK< z^>sXNIxoVPw{qt0tJM&J)JM+~d&8yUMt5DdY>UXP${gPO&7faPl~P@a4d=twHb#iw z5@-lyk&@1wZer7|TUIJLZ&HsJ0+JB_C4ZVy5TE*jv@X5*$}k1bZtvDb0#pqdGH5nD ztD0lWh;{N~>|c3cCbu2QrL5Z>Hn%1qdr2%$*C4f4fNzA^+Y)f^N{ZN(tHYjnBl}uD zs_~^@hDFgxjMZcn^3|f8f~vACJC9OT;n$_XBws6uUh3D<^Ye(OJ!ZdCs47&iMOgzQ z6)zhq*gxr#$)#;~nDyYDlW!Z)Gx8>2DYjvq=Ih zz-=Nma<@CUtypOXd0gt=jv&(U6;xzut>`%=QXo#>llu-BD3FZmA*J{+2{;Y#dskZL z-~2Ps?a`cNK;cjk!F$qb8QgQqI<;Oo&{atw3g821+=2xAc%$;{qSAfTYpA+w45F0t z`WGG`loi*~fw38uN&Lr|;RX{V9V-T@kbj{*wBBsK|)`sU%S#K9;w6lpT)_*WjzY+En7Z znm^bil>%JjC)6Aqc@R0b?Yg!J#GHR+!O_Y~lLeF++;uZOcpZrzJ{;Z1dd!1ucW^e* z>iO3N`PHN5!bO3!lHSVt z$BP61VO;5Epc1^oX-0? zmbz`pY~b{gUjD}`ba-sIGF&-41h`$#Ew_IIx)pAG|3zQ82D~qjyc|SygoQSj6Yu>g z`j)8yPf8j%5tbh+g&4Z5CgU{l_xG5szp~o^%oWP4ej5zE)x{ pNPl2q|3@xK|1Ux($XvpRmR-z-KHZ)m1DvvmbTuE|uT{5+_&=GtzNr8J literal 0 HcmV?d00001 diff --git a/docs/index.html b/docs/index.html index 94f7798..98c784f 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,4 +1,4 @@ -OverlayScrollbars
Overlay Scrollbars Logo

Overlay Scrollbars

A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

used by
OverlayScrollbars on Github

This page is a work in progress. For now refer to the TypeScript definitions for a more detailed documentation.
Looking for the v1 docs? Follow this link.

DownloadsVersionLicenseCode CoverageMax. Bundle Size

Why

+OverlayScrollbars
OverlayScrollbars Logo

OverlayScrollbars

A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

used by
OverlayScrollbars on Github

This page is a work in progress. For now refer to the TypeScript definitions for a more detailed documentation.
Looking for the v1 docs? Follow this link.

DownloadsVersionLicenseCode CoverageMax. Bundle Size

Why

I created this plugin because I hate ugly and space consuming scrollbars. Similar plugins haven't met my requirements in terms of features, quality, simplicity, license or browser support.

Goals & Features

    @@ -19,7 +19,7 @@

Choose your framework

Additionally to the vanilla JavaScript version you can use the official framework components & utilities:

-
ReactVueAngularSvelteSolid
+
ReactVueAngularSvelteSolid

Getting started

npm & node

OverlayScrollbars can be downloaded from npm or the package manager of your choice:

@@ -205,4 +205,4 @@ For example you can appoint an existing element as the viewport ele
  • Improve tests. (unit & browser tests)

    • License

    -

    MIT

    \ No newline at end of file +

    MIT

    \ No newline at end of file diff --git a/local/tailwind/tailwind.config.js b/local/tailwind/tailwind.config.js index 71b17fd..c92c57d 100644 --- a/local/tailwind/tailwind.config.js +++ b/local/tailwind/tailwind.config.js @@ -70,6 +70,7 @@ module.exports = { fontWeight: theme('fontWeight.medium'), padding: theme('padding[1]'), borderRadius: theme('borderRadius.md'), + overflowWrap: 'break-word', }, 'code::before': { content: '', @@ -78,11 +79,11 @@ module.exports = { content: '', }, 'summary > *:only-child,': { - display: 'inline-block', + display: 'inline', margin: 0, }, summary: { - display: 'inline list-item', + display: 'list-item', cursor: 'pointer', }, }, diff --git a/website/src/assets/css/styles.css b/website/src/assets/css/styles.css index 29f6bb4..d87fd18 100644 --- a/website/src/assets/css/styles.css +++ b/website/src/assets/css/styles.css @@ -16,3 +16,16 @@ font-weight: 800; font-style: normal; } + +/* disable ios bounce on overscroll */ +html, +body, +.os-viewport, +[data-overlayscrollbars='viewport'] { + overscroll-behavior: none; +} + +/* elements wont be suddenly cropped after initialization is done */ +[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html) { + overflow: auto; +} diff --git a/website/src/components/index.mdx b/website/src/components/index.mdx index 1c258a0..af24773 100644 --- a/website/src/components/index.mdx +++ b/website/src/components/index.mdx @@ -23,12 +23,12 @@ I created this plugin because I hate ugly and space consuming scrollbars. Simila Additionally to the vanilla JavaScript version you can use the official framework components & utilities: -
    - React - Vue - Angular - Svelte - Solid +
    + React + Vue + Angular + Svelte + Solid
    ## Getting started diff --git a/website/src/pages/index.module.scss b/website/src/pages/index.module.scss index 0c4980b..bf857a3 100644 --- a/website/src/pages/index.module.scss +++ b/website/src/pages/index.module.scss @@ -14,6 +14,7 @@ background-position: center; background-repeat: no-repeat; z-index: -1; + transform: translateZ(0); } &::before { filter: blur(33px) saturate(1.22); diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx index 8f157ba..ec5ded5 100644 --- a/website/src/pages/index.tsx +++ b/website/src/pages/index.tsx @@ -36,18 +36,22 @@ const IndexPage: NextPage = () => {
    - Overlay Scrollbars Logo + OverlayScrollbars Logo
    -

    Overlay Scrollbars

    +

    + Overlay + + Scrollbars +

    A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

    {separator('used by')}
    -
    -
    +
    +