.hover-link{position:relative;display:flex;text-wrap:nowrap;overflow:hidden}.hover-in{position:relative;transition:.3s}.hover-in div{display:flex;position:absolute;top:100%;left:0}@media (hover: hover) and (pointer: fine){.hover-link:hover .hover-in{transform:translateY(-100%);color:var(--accentColor)}}.header{display:flex;max-width:var(--cMaxWidth);width:var(--cWidth);justify-content:space-between;padding:20px 0;margin-bottom:-100px;box-sizing:border-box;position:fixed;left:50%;transform:translate(-50%);top:0;z-index:9999}.header ul{font-size:12px;display:flex;flex-direction:column;margin:0;padding:0;list-style:none;column-gap:40px;row-gap:8px;align-items:end}.header ul li{margin-left:0;letter-spacing:1px;color:#ccc;font-weight:600;cursor:pointer}.navbar-connect{position:absolute;display:none;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15px;letter-spacing:1px;font-weight:500}.navbar-title{font-weight:700;font-size:14px;letter-spacing:.2px}@media only screen and (min-width: 500px){.header{padding:20px 0}.header ul{flex-direction:row;align-items:center;font-size:14px}.header ul li{color:#eae5ec}.navbar-title{font-size:16px}}@media only screen and (min-width: 900px){.navbar-connect{display:block}}@media only screen and (min-width: 1200px){.header{padding:35px 0}.header ul{column-gap:80px;font-size:16px}.navbar-connect{font-size:16px}.navbar-title{font-size:18px}}.scroll-mode-badge.gpu-badge{bottom:40px;max-width:calc(100vw - 24px)}.scroll-mode-badge{position:fixed;left:12px;bottom:12px;z-index:99999;padding:4px 8px;border-radius:4px;background:#000000bf;color:#5eead4;font:12px/1.2 monospace;pointer-events:none}
