:root{font-family:DM Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: #231924;--uniswapPink: #FF19A2;--uniswapPink300: color-mix(in srgb, var(--uniswapPink) 30%, transparent);--foreground: #171717}*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:DM Sans,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body>div:first-of-type{height:100svh;display:flex;flex-direction:column;justify-content:space-between}header{position:relative;box-sizing:border-box;border-bottom:2px solid var(--uniswapPink300);height:4.5rem}header>div{width:80vw;height:100%;box-sizing:border-box;margin:0 auto;padding:1rem;align-items:center;display:flex;flex-direction:row;justify-content:space-between;border-right:2px solid var(--uniswapPink300);border-left:2px solid var(--uniswapPink300);position:relative}header>div:before{display:block;position:absolute;content:"";height:8px;width:8px;bottom:-5px;left:-5px;background-color:var(--uniswapPink)}header>div:after{display:block;position:absolute;content:"";height:8px;width:8px;bottom:-5px;right:-5px;background-color:var(--uniswapPink)}main{flex:1;position:relative;box-sizing:border-box}main>section{width:80vw;height:100%;box-sizing:border-box;margin:0 auto;padding:1rem;gap:1rem;align-items:center;display:flex;flex-direction:column;justify-content:center;border-right:2px solid var(--uniswapPink300);border-left:2px solid var(--uniswapPink300)}main>section h1{color:#fff;font-size:2rem}footer{position:relative;box-sizing:border-box;border-top:2px solid var(--uniswapPink300);height:4.5rem}footer>div{width:80vw;height:100%;box-sizing:border-box;margin:0 auto;padding:1rem;align-items:center;display:flex;flex-direction:row;justify-content:space-between;border-right:2px solid var(--uniswapPink300);border-left:2px solid var(--uniswapPink300);position:relative}footer>div:before{display:block;position:absolute;content:"";height:8px;width:8px;top:-5px;left:-5px;background-color:var(--uniswapPink)}footer>div:after{display:block;position:absolute;content:"";height:8px;width:8px;top:-5px;right:-5px;background-color:var(--uniswapPink)}.ellipsis{border:2px solid var(--uniswapPink300);position:absolute;height:90vh;width:110vw;right:0;top:-1.25rem;left:-5vw;box-sizing:border-box;border-radius:50%;pointer-events:none}.volatilityChart{background-color:#2d1f2c;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:10px 10px;border:1px solid #483347;border-radius:1rem;box-sizing:border-box;padding:1rem;width:100%;max-width:1200px;margin:0 auto;position:relative}.volatilityChart nav{position:absolute;top:1.5rem;left:1.5rem;z-index:10;display:flex;gap:1px;pointer-events:auto}.volatilityChart nav button{background:var(--uniswapPink);border:none;color:#fff;padding:10px 0;width:50px;font-size:13px;cursor:pointer;font-family:DM Sans,Arial,Helvetica,sans-serif;transition:all .3s ease;border-radius:0;font-weight:500}.volatilityChart nav button:hover{border-radius:7px}.volatilityChart nav button.active{border-radius:10px}.volatilityChart figure{width:100%;border-radius:12px;overflow:hidden;box-sizing:border-box;border:1px solid #483347;position:relative;z-index:1}.loadingText,.errorText{text-align:center;font-size:18px;color:var(--foreground)}.errorText{color:#ff6b6b}