*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
button,a,img,div{-webkit-tap-highlight-color:transparent}
html{height:100%;width:100%;position:relative}
body{width:100%;height:100%;position:relative;min-width:300px}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.main{position:relative;width:100%;height:100vh;height:var(--app-height);overflow:hidden;display:flex;opacity:0;display:none}
.ready .main{opacity:1;display:block}
.main-scroll{position:relative;width:100%;min-width:300px;height:100%;transform-origin:top center;pointer-events:none;will-change:transform}
.scroll-container{position:absolute;top:0;left:0;width:100%;height:100%!important;transform-origin:top center;display:flex;pointer-events:auto;will-change:transform;transform:translateZ(0)}
.scroll-content{display:flex!important;flex-direction:column;width:100%;will-change:transform;transform:translateZ(0)}
.scrollbar-track{z-index:9999!important;will-change:transform}
.scrollbar-track-y{right:0!important;width:8px!important;background:transparent!important}
.scrollbar-track-y:before{content:'';display:block;position:absolute;inset:0;width:100%;height:100%;background:transparent;opacity:0;transform:scaleX(.5);transform-origin:right center;transition:opacity .3s,transform .3s}
.scrollbar-thumb{background:transparent!important;border-radius:0!important;width:100%!important}
.scrollbar-track-y .scrollbar-thumb:before{content:'';display:block;position:absolute;inset:0;width:100%;height:100%;background:var(--yellow);transform:scaleX(.5);transform-origin:right center;opacity:.5;transition:opacity .3s,transform .3s}
.desktop .scrollbar-track-y:hover .scrollbar-thumb:before{transform:scaleX(1);opacity:1}
.desktop .scrollbar-track-y:hover:before{transform:scaleX(1);opacity:1}
.content{min-height:var(--app-height);overflow:hidden}
.section .content-container{position:relative;z-index:599}