:root{--size-container-max:1440px}.dash-main{transition:width var(--animation-default),margin-left var(--animation-default);min-height:100svh}:is(.wf-design-mode,.wf-editor) .dash-main__inner{opacity:1;visibility:visible}.dash-res-more :is(h1,h2,h3){font-variation-settings:"wght" 460;letter-spacing:-.02em;font-family:Haffer VF,Arial,sans-serif;font-size:1.5em;font-weight:400;line-height:1}:where(.dash) p{font-variation-settings:"wght" 460;letter-spacing:-.01em;font-family:Haffer VF,Arial,sans-serif;font-size:1em;font-weight:400;line-height:1}.dash-side__cat:has(.dash-cat-btn.w--current) .dash-type-btn{background-color:rgba(var(--color-rgb-tint),.055)}@media (hover:hover) and (pointer:fine){.dash-side__cat:has(.dash-cat-btn.w--current) .dash-type-btn.is--active:hover{background-color:rgba(var(--color-rgb-tint),.09)}}.dash-side__cat:has(.dash-cat-btn.w--current) .dash-icon{color:var(--color-coral)}:is([data-dash-collapsed=false] .dash-side__cat:has(.dash-type-btn.is--active) .dash-cat-dropdown__bottom,[data-dash-collapsed=false] .dash-side__cat:has(.dash-cat-btn.is--active) .dash-cat-dropdown__bottom,[data-dash-collapsed=false] .dash-side__cat:has(.dash-type-btn.w--current) .dash-cat-dropdown__bottom,[data-dash-collapsed=false] .dash-side__cat:has(.dash-cat-btn.w--current) .dash-cat-dropdown__bottom){grid-template-rows:1fr}@media screen and (max-width:991px){[data-dash-collapsed] .dash-side__cat:has(.dash-type-btn.is--active) .dash-cat-dropdown__bottom{grid-template-rows:1fr}}:is([data-dash-collapsed=false] .dash-side__cat:has(.dash-type-btn.is--active) .dash-cat-dropdown__border-bottom-line,[data-dash-collapsed=false] .dash-side__cat:has(.dash-cat-btn.is--active) .dash-cat-dropdown__border-bottom-line,[data-dash-collapsed=false] .dash-side__cat:has(.dash-type-btn.w--current) .dash-cat-dropdown__border-bottom-line,[data-dash-collapsed=false] .dash-side__cat:has(.dash-cat-btn.w--current) .dash-cat-dropdown__border-bottom-line){transition:opacity var(--animation-default-half)var(--duration-default-quarter);opacity:1}@media screen and (max-width:991px){[data-dash-collapsed] .dash-side__cat:has(.dash-type-btn.is--active) .dash-cat-dropdown__border-bottom-line{opacity:1}}@keyframes show-overflow{0%{overflow-y:hidden}}:is([data-dash-collapsed=false] .dash-side__cat:has(.dash-type-btn.is--active) .dash-cat-dropdown__collection,[data-dash-collapsed=false] .dash-side__cat:has(.dash-cat-btn.is--active) .dash-cat-dropdown__collection,[data-dash-collapsed=false] .dash-side__cat:has(.dash-type-btn.w--current) .dash-cat-dropdown__collection,[data-dash-collapsed=false] .dash-side__cat:has(.dash-cat-btn.w--current) .dash-cat-dropdown__collection){animation:2s show-overflow;overflow-y:scroll}@media screen and (max-width:991px){:is([data-dash-collapsed] .dash-side__cat:has(.dash-type-btn.is--active) .dash-cat-dropdown__collection,[data-dash-collapsed] .dash-side__cat:has(.dash-cat-btn.is--active) .dash-cat-dropdown__collection,[data-dash-collapsed] .dash-side__cat:has(.dash-type-btn.w--current) .dash-cat-dropdown__collection,[data-dash-collapsed] .dash-side__cat:has(.dash-cat-btn.w--current) .dash-cat-dropdown__collection){animation:2s show-overflow;overflow:hidden scroll}}:is(.wf-design-mode,.wf-editor) .dash-user-btn__pic-img{display:none}body:has(.dash-side.is--demo) .locked-box .saved-btn{display:flex}.dash:has(.dash-side.is--demo) .locked-box{cursor:not-allowed}.dash:has(.dash-side.is--demo) .locked-box:hover .locked-badge__absolute{opacity:1;transform:scale(1)rotate(.001deg)}.dash:has(.dash-side.is--demo) .locked-box>*{pointer-events:none;-webkit-user-select:none;user-select:none}:is(.dash:has(.dash-side.is--demo) .dash-mobile-nav .dash-mobile-nav__search,.dash:has(.dash-side.is--demo) .dash-mobile-nav .saved-btn){display:none}.dash:has(.dash-side.is--demo) .dash-res-main__icon-btns [data-saved-toggle]{display:none}.dash:has(.dash-side.is--demo) .dash-res-doc-group .dash-info-symbol{display:none}.dash-search__results:has(li){display:flex}@media (hover:hover) and (pointer:fine){.dash-search__results:has(.sr__click:hover) .sr__click.is--highlight:not(:hover) .sr__end{opacity:0;visibility:hidden}}a.dash-btn-info:is([href=""],[href=\#]){display:none}.dash-res-card:has(.locked-badge){cursor:not-allowed}:is(.wf-design-mode,.wf-editor) .dash-res-visual__video-wrap{display:none}.dash-res-visual__video-wrap:has(video[src=""]){display:none}[data-dash-res-video=active] .dash-res-visual:has(.dash-res-visual__player) .dash-res-visual__before{display:none}[data-dash-res-video=active] .dash-res-visual:has(.dash-res-visual__player) .dash-res-visual__player{position:relative}[data-dash-res-video=not-active]:has(.dash-res-indicator__code-disabled) .dash-yt-note{display:flex}[data-dash-type=saved]:not(:has(.dash-main-grid__item)) .dash-main-grid{display:none}[data-dash-type=saved]:has(.dash-main-grid__item) .dash-main__no-saved{display:none}[data-dash-type=saved]:not(:has(.dash-main-grid__item)) .dash-hero__top{height:var(--dash-hero-height-top-shrinked)}[data-dash-type=saved]:not(:has(.dash-main-grid__item)) .dash-hero-sec__bottom{display:none}:is(.wf-design-mode,.wf-editor) [data-dash-type=saved] .dash-main__no-saved{display:flex}.dash-res-info__details-li:has(p:empty){display:none}.dash .dash-res-info__buttons .dash-btn-info:is([href=\#],[href=""]),.dash .dash-res-info__icon-btns .dash-btn-icon:is([href=\#],[href=""]){display:none}.dash .dash-res-main__icon-btns:has(.dash-btn-icon:is([href=\#],[href=""])){display:none}.dash .dash-res-main__icon-btns .dash-btn-icon:is([href=\#],[href=""]){display:none}:is(.wf-design-mode,.wf-editor) .dash-loading,:is(.wf-design-mode,.wf-editor) .dash-loading-once{opacity:0}:root{--color-code-gray:var(--color-neutral-500);--color-code-purple:#872f94;--color-code-orange:#d07426;--color-code-blue:#17669c;--color-code-green:#2b8c4d;--color-code-red:#be3e3e}code.language-htmlbars :is([style="color:#d4d0ab"],[style="color: rgb(212, 208, 171);"]){color:var(--color-code-gray)}code.language-htmlbars :is([style="color:#ffa07a"],[style="color: rgb(255, 160, 122);"]){color:var(--color-code-purple)}code.language-htmlbars .hljs-attr:is([style="color:#ffa07a"],[style="color: rgb(255, 160, 122);"]){color:var(--color-code-orange)}code.language-htmlbars :is([style="color:#abe338"],[style="color: rgb(171, 227, 56);"]){color:var(--color-code-blue)}code.language-css :is([style="color:#d4d0ab"],[style="color: rgb(212, 208, 171);"]){color:var(--color-code-gray)}code.language-css :is([style="color:#ffa07a"],[style="color: rgb(255, 160, 122);"]){color:var(--color-code-orange)}code.language-css :is([style="color:#ffd700"],[style="color: rgb(255, 215, 0);"]){color:var(--color-code-blue)}code.language-css :is([style="color:#f5ab35"],[style="color: rgb(245, 171, 53);"]){color:var(--color-code-purple)}code.language-css :is([style="color:#dcc6e0"],[style="color: rgb(220, 198, 224);"]){color:var(--color-code-red)}code.language-css :is([style="color:#abe338"],[style="color: rgb(171, 227, 56);"]){color:var(--color-code-green)}code.language-javascript :is([style="color:#d4d0ab"],[style="color: rgb(212, 208, 171);"]){color:var(--color-code-gray)}code.language-javascript :is([style="color:#f5ab35"],[style="color: rgb(245, 171, 53);"]){color:var(--color-code-purple)}code.language-javascript :is([style="color:#dcc6e0"],[style="color: rgb(220, 198, 224);"]){color:var(--color-code-blue)}code.language-javascript :is([style="color:#abe338"],[style="color: rgb(171, 227, 56);"]){color:var(--color-code-orange)}code.language-javascript .hljs-function:is([style="color:#f5ab35"],[style="color: rgb(245, 171, 53);"]){color:var(--color-code-green)}code.language-javascript .hljs-function:is([style="color:#00e0e0"],[style="color: rgb(0, 224, 224);"]){color:inherit}code.language-javascript .hljs-subst:is([style="color:#abe338"],[style="color: rgb(171, 227, 56);"]){color:var(--color-code-red)}code.language-javascript :is([style="color:#ffa07a"],[style="color: rgb(255, 160, 122);"]){color:var(--color-code-blue)}.dash-res-code:has(.dash-code__content-rich:empty){display:none}.dash-res-code:has(.dash-code__content-rich:empty) .dash-code{display:none}[data-dash-documentation=code] .dash-res-code:has(.dash-code__content-rich:empty):has(.dash-not-required){display:flex}[data-dash-documentation=code] .dash-res-code:has(.dash-code__content-rich:empty) .dash-not-required{display:flex}.dash-res-content:has([data-dash-documentation-check=webflow-has-js] .dash-code__content-rich:empty) [data-dash-documentation-show=webflow-js-true]{display:none}.dash-res-content:has([data-dash-documentation-check=webflow-has-js] .dash-code__content-rich:empty) [data-dash-documentation-show=webflow-js-false]{display:block}.dash-res-content:has([data-dash-documentation-check=code-has-css] .dash-code__content-rich:empty) [data-dash-documentation-show=code-css-true]{display:none}.dash-res-content:has([data-dash-documentation-check=code-has-css] .dash-code__content-rich:empty) [data-dash-documentation-show=code-css-false]{display:block}:is(.wf-design-mode,.wf-editor) .dash-res-code{display:block}.dash-res-code:has(.dash-copy-webflow[data-json-copy=""]) .dash-copy-webflow{display:none}.dash-res-code:has(.dash-copy-webflow[data-json-copy=""]) .dash-not-required{display:flex}.dash .dash-info-credits:has(.dash-info-credits__name:empty){display:none}.dash-res-more:has(.dash-res-more__rich:empty){display:none}.dash-main:has(.dash-res-indicator__code-disabled) .dash-res-doc-group{display:none}.dash-main:has(.dash-res-indicator__code-disabled) .dash-btn-info[data-dash-res-video-toggle]{display:none}.dash-main:has(.dash-res-indicator__code-disabled) .dash-res-visual__thumb-pip{display:none}.dash-main:has(.dash-res-indicator__code-disabled) .dash-res-main__icon-btns [data-dash-res-video-toggle]{display:none}.dash-main:has(.dash-res-indicator__code-disabled) .dash-res-content .dash-res-content__inner .dash-res-code[data-dash-documentation-show]{display:none}.dash-main:has(.dash-res-indicator__code-disabled) .bunny-player{display:flex}:is(.wf-design-mode,.wf-editor) .dash-main:has(.dash-res-indicator__code-disabled) .dash-res-doc-group{display:flex}:is(.wf-design-mode,.wf-editor) .dash-main:has(.dash-res-indicator__code-disabled) .dash-btn-info[data-dash-res-video-toggle]{display:flex}:is(.wf-design-mode,.wf-editor) .dash-main:has(.dash-res-indicator__code-disabled) .dash-res-visual__thumb-pip{display:flex}:is(.wf-design-mode,.wf-editor) .dash-main:has(.dash-res-indicator__code-disabled) .dash-res-main__icon-btns [data-dash-res-video-toggle]{display:flex}.dash-res-doc-group:has(.dash-res-more__rich:empty)+.dash-res-related{margin-top:3em}.dash-crumb__single:has(.dash-crumb__single-span:empty){display:none}.dash-crumb__single:has(.dash-crumb__single-span:empty)+.dash-crumb__arrow{display:none}.dash-search__field.is--page:has(input:focus){background-color:rgba(var(--color-rgb-tint),.075);border:1px solid rgba(var(--color-rgb-tint),.1)}.dash[data-dash-theme=dark] .dash-search__field.is--page:has(input:focus){background-color:var(--color-neutral-300)}@media (hover:hover) and (pointer:fine){.dash-search__field.is--page:has(input:hover){background-color:rgba(var(--color-rgb-tint),.075)}.dash[data-dash-theme=dark] .dash-search__field.is--page:has(input:hover){background-color:var(--color-neutral-300)}}.dash-filter-link:has(.dash-filter-link__click.w--current){background-color:var(--color-dark);color:var(--color-light);border-radius:50em}.dash-filter-link:has(.dash-filter-link__click.w--current) .dash-filter-link__close-svg{display:block}.dash-filter-link:has(.dash-filter-link__click.w--current) .dash-filter-link__overview-click{display:block}.dash[data-dash-theme=dark] .dash-filter-link:has(.dash-filter-link__click.w--current){background-color:var(--color-neutral-600);color:var(--color-light)}@media (hover:hover) and (pointer:fine){.dash-filter-link:has(.dash-filter-link__click:hover){background-color:rgba(var(--color-rgb-white),.75)}.dash-filter-link:has(.dash-filter-link__click.w--current+.dash-filter-link__overview-click:hover){background-color:var(--color-neutral-950)}.dash[data-dash-theme=dark] .dash-filter-link:has(.dash-filter-link__click:hover){background-color:var(--color-neutral-400)}.dash[data-dash-theme=dark] .dash-filter-link:has(.dash-filter-link__click.w--current+.dash-filter-link__overview-click:hover){background-color:var(--color-neutral-900)}}[data-bunny-player-init] :is(.bunny-player__placeholder,.bunny-player__dark,.bunny-player__playpause,.bunny-player__loading){transition:opacity var(--animation-ease-double),visibility var(--animation-ease-double)}:is(.wf-design-mode,.wf-editor) [data-chapter-status=not-active]{background-color:var(--color-neutral-200)}:is(.wf-design-mode,.wf-editor) [data-chapter-status]{margin-top:.5em;margin-bottom:.5em}:is(.wf-design-mode,.wf-editor) [data-chapter-status] .dash-chapters__item-top{padding-top:1.5em;padding-bottom:1.375em}:is(.wf-design-mode,.wf-editor) [data-chapter-status=not-active] .dash-chapters__item-bottom{grid-template-rows:1fr}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
@layer components{.cursor-follower{--size:14px;--size-outer:32px;height:var(--size-outer);width:var(--size-outer);pointer-events:none;mix-blend-mode:difference;z-index:9999;position:fixed;top:0;left:0}.cursor-follower .outer{mix-blend-mode:difference;height:var(--size);width:var(--size);will-change:transform;transition:border-color var(--anim-default-fast),width var(--anim-default-fast),height var(--anim-default-fast);border:1px solid #0000;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-follower .inner{background:var(--color-primary);mix-blend-mode:difference;height:var(--size);width:var(--size);transition:all var(--anim-default-fast);border:1px solid #0000;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-follower[data-type=pointer] .outer{border-color:var(--color-primary);height:var(--size-outer);width:var(--size-outer)}.cursor-follower[data-type=input] .inner{border-radius:1px;width:4px;height:26px}.cursor-follower:is([data-type=label],[data-type=drag]) .inner{background:var(--color-primary)}.cursor-follower[data-type=grab] .inner{border-width:2px;border-color:var(--color-primary);background:0 0}.cursor-follower[data-type=grabbing] .inner{border-width:4px;border-color:var(--color-primary);background:0 0}.cursor-follower[data-type=close] .inner{width:var(--size-outer);height:var(--size-outer);background:0 0}.cursor-follower .close-line{background:var(--color-primary);will-change:transform,opacity;border-radius:1px;width:20px;height:4px;position:absolute;top:50%;left:50%}.cursor-follower .close-line:first-child{transform:translate(-50%,-50%)rotate(45deg)}.cursor-follower .close-line:nth-child(2){transform:translate(-50%,-50%)rotate(-45deg)}.cursor-follower .cursor-label{pointer-events:none;display:flex;position:absolute;top:-20px;left:20px;overflow:hidden}.cursor-follower .cursor-label .word{color:var(--color-primary);will-change:transform,opacity;font-size:14px;display:inline-block}}
@layer components{.header{height:var(--header-height);transition:transform var(--anim-default);transform:translateY(-100%)}.header.header-scrolling{transition:transform var(--anim-default)}.reveal-ready .header{pointer-events:all;transform:translateY(0)}.menu-nav{color:var(--color-primary);padding-block:calc(var(--safe)/1.2);grid-template-columns:1fr auto 1fr;grid-template-areas:"menu logo actions";align-items:center;display:grid}.menu-nav .actions-left{--reveal-index:1;grid-area:menu}.menu-nav .menu-logo{--reveal-index:0;grid-area:logo;width:clamp(8rem,16vw,12rem);display:block}.menu-nav .menu-action-link{transition:opacity var(--anim-ease);align-items:center;display:flex}@media (hover:hover){.menu-nav .menu-action-link:hover{opacity:.7}}.menu-nav .actions-right{--reveal-index:2;grid-area:actions;justify-content:flex-end;align-self:stretch;align-items:center;display:flex}@media (hover:hover){.menu-nav .actions-right:hover .menu-action-link{opacity:.7}}}
@layer components{.button{isolation:isolate;background-color:var(--color-button);border-radius:var(--rounded-full);transition:transform var(--anim-bounce-fast);will-change:transform;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.button:hover{animation:none;transform:perspective(200px)scale(1.1)}}.button-toggle{--button-toggle-pad-y:clamp(.24rem,.6vw,.48rem);--button-toggle-pad-x:clamp(.7rem,1.35vw,1.15rem);padding:var(--button-toggle-pad-y)var(--button-toggle-pad-x);position:relative}.button-toggle .button-hamburger{--button-hamburger-size:clamp(1.4rem,2.2vw,1.85rem);--button-line-gap:clamp(.25rem,.6vw,.4rem);--button-line-shift:calc(var(--button-line-gap)/2 + 1px);width:var(--button-hamburger-size);height:var(--button-hamburger-size);justify-content:center;align-items:center;gap:var(--button-line-gap);flex-direction:column;display:flex;position:relative}.button-toggle .button-line{width:var(--button-hamburger-size);background-color:var(--color-primary);height:clamp(2px,.24vw,3px);transition:transform var(--anim-default-fast),background-color var(--anim-ease);transform-origin:50%;border-radius:6px;display:block}.button-toggle:is(.is-active,:active) .button-line-1{transform:translateY(var(--button-line-shift))rotate(45deg)}.button-toggle:is(.is-active,:active) .button-line-2{transform:translateY(calc(var(--button-line-shift)*-1))rotate(-45deg)}.button-text{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button-icon{justify-content:center;align-items:center;display:inline-flex}}
@layer components{.icon{vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;display:inline-block}.icon.sm{width:16px;height:16px}.icon.md{width:24px;height:24px}.icon.lg{width:38px;height:38px}.icon.xl{width:40px;height:40px}.icon.full{width:100%;height:100%}}
@layer components{.logo{justify-content:center;align-items:center;width:100%;max-width:1440px;padding:0;display:flex}.logo .logo-svg{visibility:hidden;width:100%;height:auto;overflow:visible}.logo .logo-letter{fill:var(--color-primary)}}
@layer components{.menu-overlay{width:100vw;height:calc(var(--dvh,1vh)*100);color:var(--color-primary);--menu-radius:120%;--menu-layer-gap:20ms;--menu-curve-open:ellipse(var(--menu-radius)var(--menu-radius)at 50% 0%);--menu-curve-closed:ellipse(var(--menu-radius)0% at 50% 0%);will-change:visibility;isolation:isolate;visibility:hidden;pointer-events:none;background-color:#0000;border:none;justify-content:center;align-items:center;max-width:none;max-height:none;margin:0;padding:0;transition:visibility 0s linear 1.2s;display:flex;position:fixed;inset:0;overflow:hidden}.menu-overlay:before,.menu-overlay:after{content:"";width:100%;height:100%;clip-path:var(--menu-curve-closed);-webkit-clip-path:var(--menu-curve-closed);position:absolute;inset:0}.menu-overlay:before{background-color:var(--color-accent);z-index:0;transition:clip-path var(--anim-default)var(--menu-layer-gap)}.menu-overlay:after{background-color:var(--color-contrast);z-index:1;transition:clip-path var(--anim-default)0s}.menu-overlay::backdrop{background:0 0}.menu-overlay .menu-links-wrapper{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.menu-overlay .menu-link-item{line-height:.9;overflow:hidden}.menu-overlay .menu-link{--anim-y:0;color:var(--color-primary);will-change:transform;transition:color var(--anim-default-fast),transform var(--anim-default-fast);text-decoration:none;display:inline-block;position:relative;transform:translateY(100%)}.menu-overlay .menu-link .menu-link-text{transform:translateY(var(--anim-y));text-shadow:0 1em 0 var(--color-accent);transition:transform var(--anim-default-fast),color var(--anim-default-fast);will-change:transform;display:block;position:relative}.menu-overlay[open]{visibility:visible;pointer-events:auto;transition:visibility linear}.menu-overlay[open]:before,.menu-overlay[open]:after{clip-path:var(--menu-curve-open);-webkit-clip-path:var(--menu-curve-open)}.menu-overlay[open]:before{transition:clip-path var(--anim-smooth);transition-delay:0s}.menu-overlay[open]:after{transition:clip-path var(--anim-smooth);transition-delay:var(--menu-layer-gap)}.menu-overlay[open] .menu-link-item:first-child .menu-link{transition-delay:0s,.32s}.menu-overlay[open] .menu-link-item:nth-child(2) .menu-link{transition-delay:0s,.42s}.menu-overlay[open] .menu-link-item:nth-child(3) .menu-link{transition-delay:0s,.52s}.menu-overlay[open] .menu-link-item:nth-child(4) .menu-link{transition-delay:0s,.62s}.menu-overlay[open] .menu-link{transition:color var(--anim-smooth-fast),transform var(--anim-smooth);transform:translateY(0%)}.menu-overlay[open] .menu-link:focus-visible{color:var(--color-secondary);--anim-y:-1em}@media (hover:hover){.menu-overlay[open] .menu-link:hover{color:var(--color-secondary);--anim-y:-1em}}.menu-overlay:not([open]) .menu-link-item:first-child .menu-link{transition-delay:0s,.15s}.menu-overlay:not([open]) .menu-link-item:nth-child(2) .menu-link{transition-delay:0s,.1s}.menu-overlay:not([open]) .menu-link-item:nth-child(3) .menu-link{transition-delay:0s,50ms}.menu-overlay:not([open]) .menu-link-item:nth-child(4) .menu-link{transition-delay:0s,0s}}
.transition-container{z-index:200;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0%;overflow:hidden}.transition-container .transition-logo{pointer-events:none;color:var(--color-primary);justify-content:center;align-items:center;width:clamp(6em,36vw,17em);height:auto;display:flex}
@layer components{.loading-bar{height:4px}.loading-bar .train{background-color:var(--color-accent);width:0%;height:100%}}
@layer components{.scrollbar-module__c0JzOq__scrollbar{z-index:10;opacity:0;pointer-events:none;mix-blend-mode:difference;transition:opacity .2s;position:fixed;top:6px;bottom:6px;right:6px}.scrollbar-module__c0JzOq__scrollbar.scrollbar-module__c0JzOq__visible{opacity:1;pointer-events:auto}.scrollbar-module__c0JzOq__scrollbar .scrollbar-module__c0JzOq__inner{height:100%;position:relative}.scrollbar-module__c0JzOq__scrollbar .scrollbar-module__c0JzOq__thumb{background-color:var(--color-primary);cursor:grab;border-radius:30px;width:6px;height:80px;position:absolute;right:0}}