#gradient-canvas{z-index:-1;--gradient-color-1:#0f2027;--gradient-color-2:#2c5364;--gradient-color-3:#121212;--gradient-color-4:#203a43;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;height:100vh;transition:opacity .5s;position:fixed;inset:0}.scroll-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.scroll-to-top-enter{opacity:0;transform:translateY(1.25rem)}.scroll-to-top-enter-active,.scroll-to-top-exit{opacity:1;transform:translateY(0)}.scroll-to-top-exit-active{opacity:0;transform:translateY(1.25rem)}.mask-fade{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 50px calc(100% - 50px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 50px calc(100% - 50px),#0000 100%)}