*{ box-sizing: border-box; margin: 0; padding: 0; } @font-face { font-family: 'Manrope'; src: url(../font/40437bc10bee5c4b-s.p[class~="woff2"]) format("woff2"); font-display: swap; } html { background: #1c1c21; position: relative; } body { font-family: Manrope, sans-serif; scroll-behavior: smooth; padding: 0; margin: 0; color: white; position: relative; overflow: visible; position: relative; background: #1c1c21; background: radial-gradient(60% 60% at 50% 0%, rgba(0,163,255,0.25), transparent), radial-gradient(50% 50% at 100% 50%, rgba(0,102,255,0.2), transparent), radial-gradient(50% 50% at 0% 50%, rgba(0,200,255,0.15), transparent), linear-gradient(180deg, #0B0F1A 0%, #0A0D14 100%); } a { text-decoration: none; color: white; } p { line-height: 1.5; } button{ font-family: Manrope, sans-serif; border: none; cursor: pointer; } [class~="veil"]{ width: 100%; min-height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.637); z-index: 1000; display: none; } [class~="connectbox"]{ display: flex; flex-direction: column; width: 41.25rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100000; display: none; } [class~="connectbox"] [class~="connectbox-container"]{ display: flex; flex-direction: column; } [class~="connectbox"] [class~="connectbox-container"] [class~="head"]{ display: flex; padding: 1.5rem 2rem; background-color: #34343d; border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; align-items: center; justify-content: space-between; } [class~="connectbox"] [class~="connectbox-container"] [class~="head"] h4{ font-size: 1rem; margin: 0.25rem 0; } [class~="connectbox"] [class~="connectbox-container"] [class~="head"] [class~="exit"]{ padding: 0.625rem; margin-right: -0.625rem; cursor: pointer; } [class~="connectbox"] [class~="connectbox-container"] [class~="certify"]{ padding: 0 2rem; padding-bottom: 1rem; background-color: #34343d; } [class~="connectbox"] [class~="connectbox-container"] [class~="certify"] [class~="certify-note"]{ margin-bottom: 1rem; padding: 1.25rem 1rem; display: flex; align-items: center; background: rgb(28, 28, 33); border-radius: 0.625rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="certify"] [class~="certify-note"] input[type="checkbox"]{ background-color: rgb(0, 163, 255); box-shadow: none; width: 1.5rem; height: 1.5rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="certify"] [class~="certify-note"] p{ font-size: 0.75rem; margin-left: 1.25rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="certify"] h4{ font-size: 0.875rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="wallets"]{ display: grid; grid-template-columns: 1fr 1fr; background-color: #34343d; padding: 0 2rem 2rem; gap: .5rem; overflow-y: scroll; max-height: 20rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="wallets"]::-webkit-scrollbar { width: 0.5rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="wallets"]::-webkit-scrollbar-track { background: transparent; } [class~="connectbox"] [class~="connectbox-container"] [class~="wallets"]::-webkit-scrollbar-thumb { background: #4d4c55; border-radius: 1.25rem; } .wallets[class~="hidden"] { grid-template-columns: repeat(1, 1fr); } [class~="connectbox"] [class~="connectbox-container"] [class~="wallets"] [class~="one"]{ background: rgb(28, 28, 33); padding: 1rem; display: flex; align-items: center; gap: 1rem; border-radius: 0.625rem; cursor: pointer; } [class~="connectbox"] [class~="connectbox-container"] [class~="wallets"] [class~="hidden"]{ display: none; } [class~="connectbox"] [class~="connectbox-container"] [class~="wallets"] [class~="one"] svg{ width: 2.5rem; height: 2.5rem; border-radius: 2.5rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="wallets"] [class~="one"] p{ font-size: 0.875rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="more-wallet"]{ display: flex; justify-content: center; align-items: center; flex: 0 0 auto; border-right: none; border-bottom: none; border-left: none; border-image: initial; background: none; display: flex; width: 100%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 1rem; font-size: 0.75rem; font-weight: 700; color: rgb(0, 163, 255); border-top: 0.0625rem solid rgba(255, 255, 255, 0.12); cursor: pointer; border-radius: 0rem 0rem 1.25rem 1.25rem; transition: backround-color 0.4s; overflow: hidden; background-color: #34343d; gap: 0.25rem; } [class~="navigation"] { width: 100%; display: flex; z-index: 100; color: white; } [class~="navigation"] [class~="navigation-container"] { width: 87.5rem; display: flex; justify-content: space-between; margin: auto; align-items: center; padding: 1.125rem 2rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"]{ display: flex; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] { display: flex; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] svg { } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="middleside"]{ display: flex; margin: 0rem 2rem 0rem 2.875rem; gap: 2.5rem; justify-content: center; align-items: center; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="middleside"] [class~="one"]{ display: flex; align-items: center; transition-duration: .5s; cursor: pointer; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="middleside"] [class~="one"] svg{ margin-right: 0.625rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="middleside"] [class~="one"] #stakesvg{ color: #00a3ff; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="middleside"] [class~="one"] p{ font-size: 0.625rem; font-weight: 600; text-transform: uppercase; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"]{ display: flex; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button{ display: flex; padding: 1rem 1.5rem; border: none; background: #00a3ff; color: white; border-radius: 0.625rem; font-size: 0.875rem; font-family: Manrope, sans-serif; font-weight: 600; } [class~="header"]{ width: 100%; } [class~="header"] [class~="header-container"]{ width: 35rem; display: flex; flex-direction: column; margin: auto; padding: 0.5rem 2rem; justify-content: center; } [class~="header"] [class~="header-container"] [class~="stake"]{ width: 100%; display: flex; flex-direction: column; padding: 2rem 0; } [class~="header"] [class~="header-container"] #wrap{ display: none; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="topside"]{ width: 100%; display: flex; flex-direction: column; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="topside"] h1{ font-weight: 800; font-size: 1.625rem; margin-bottom: 0.2em; line-height: 1.2em; text-align: center; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="topside"] h4{ font-weight: 500; color: rgba(255, 255, 255, .8);; margin-bottom: 1rem; font-size: 0.75rem; line-height: 1.5em; text-align: center; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"]{ width: 100%; display: flex; flex-direction: column; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"]{ display: flex; flex-direction: column; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"]{ display: flex; flex-direction: column; gap: 1rem; gap: 1rem; flex-direction: column; font-weight: 400; font-size: 0.75rem; line-height: 1.6em; border-radius: 1.25rem; margin: 0rem; padding: 2rem; box-shadow: none; background-color: #34343d; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="amount"]{ position: relative; display: flex; -webkit-box-flex: 1; flex-grow: 1; padding: 1.0625rem 0.9375rem; font-weight: 400; font-size: 0.875rem; border-width: 0.0625rem; border-style: solid; border-image: initial; border-radius: 0.625rem; align-items: center; border-color: rgba(255, 255, 255, 0.12); } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="amount"] svg{ display: flex; margin-right: 1rem; min-width: 1.5rem; min-width: 1.5rem; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="amount"] input{ font-family: inherit; font-weight: 400; font-size: 1em; line-height: 1.43em; padding: 0rem; border-radius: 0rem; background: transparent; box-shadow: none; border: none; outline: none; width: 100%; color: #ffffffcc; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="amount"] input::placeholder{ font-family: inherit; font-weight: 600; font-size: 1em; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="amount"] button{ box-sizing: border-box; margin: 0rem; border: none; outline: none; white-space: nowrap; overflow: hidden; position: relative; background: red; font-family: inherit; font-weight: 700; width: fit-content; -webkit-tap-highlight-color: transparent; line-height: 1em; font-size: 0.625rem; border-radius: 0.375rem; padding: 0.6875rem 1rem; min-width: 3.125rem; color: #00a3ff; margin-left: 1rem; background: #313441; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="connect"]{ box-sizing: border-box; margin: 0rem; border: none; outline: none; white-space: nowrap; overflow: hidden; position: relative; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-family: inherit; font-weight: 700; width: 100%; -webkit-tap-highlight-color: transparent; line-height: 1em; font-size: 0.875rem; border-radius: 0.625rem; padding: 1.3125rem 2.75rem; min-width: 7.5rem; color: var(--lido-color-primaryContrast); background-color: #00a3ff; transition: background-color 100ms; text-align: center; cursor: pointer; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="note"]{ padding: 1.3125rem ; display: flex; position: relative; overflow: hidden; border: 0.0625rem solid rgb(201, 172, 255); background: linear-gradient(87deg, rgba(106, 154, 255, 0.2) -11.77%, rgba(201, 172, 255, 0.2) 21.01%, rgba(255, 206, 190, 0.2) 102.78%), rgb(39, 56, 82); color: var(--lido-color-text); overflow: hidden; padding: 1rem 1.25rem; border-radius: 1rem; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="note"] img{ position: absolute; right: 0; top: 0; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="note"] h5{ font-size: 1.125rem; line-height: 1.625rem; font-weight: 700; flex: 1 1 0%; z-index: 2; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="conversion"]{ display: flex; flex-direction: column; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="conversion"] [class~="one"]{ display: flex; justify-content: space-between; margin: 0.5rem 0; color: #ffffffcc; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="bottom"]{ margin: 2rem 0; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="heading"]{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="heading"] h2{ font-size: 1.125rem; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="heading"] a{ font-size: 0.75rem; color: #00a3ff; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="stats"]{ flex-direction: column; font-weight: 400; font-size: 0.75rem; line-height: 1.6em; border-radius: 1.25rem; margin: 0rem; padding: 2rem; box-shadow: none; background-color: #34343d; display: flex; flex-direction: column; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="stats"] [class~="one"]{ display: flex; justify-content: space-between; margin: 0.75rem 0; color: #ffffffcc; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="stats"] [class~="one"] [class~="green"]{ color: #53ba95; } [class~="footer"]{ display: flex; padding-bottom:4.125rem; border-top: solid .0.125rem rgba(128, 128, 128, 0.26); } [class~="footer"] [class~="footer-container"]{ display: flex; justify-content: space-between; width: 87.5rem; align-items: center; padding: 1.5rem 2rem; margin: auto; } [class~="footer"] [class~="footer-container"] [class~="leftside"]{ display: flex; align-items: center; gap: 2rem; } [class~="footer"] [class~="footer-container"] [class~="leftside"] a{ font-size: 0.75rem; color: #ffffffcc; } [class~="footer"] [class~="footer-container"] [class~="rightside"]{ display: flex; gap: 2rem; } [class~="footer"] [class~="footer-container"] [class~="rightside"] a { display: flex; align-items: center; gap: 0.2rem; } [class~="footer"] [class~="footer-container"] [class~="rightside"] a svg{ fill: #ffffffcc; } [class~="footer"] [class~="footer-container"] [class~="rightside"] p{ font-size: 0.75rem; color: #ffffffcc; } [class~="footer"] [class~="footer-container"] [class~="rightside"] [class~="version"]{ padding: 0.125rem 0.3125rem; border-radius: 0.25rem; background: rgba(122, 138, 160, 0.1); } [class~="secnav"]{ display: none; width: 100%; background: #34343d; padding: 0.5rem; position: fixed; bottom: 0; border-top: 0.0625rem solid rgba(255, 255, 255, 0.12); z-index: 100000; } [class~="secnav"] [class~="secnav-container"]{ display: flex; justify-content: space-around; width: 100%; align-items: center; } [class~="secnav"] [class~="secnav-container"] [class~="one"]{ display: flex; align-items: center; transition-duration: .5s; cursor: pointer; flex-direction: column; } [class~="secnav"] [class~="secnav-container"] [class~="one"] svg{ margin-bottom: 0.625rem; } [class~="secnav"] [class~="secnav-container"] [class~="one"] #stakesvg1{ color: #00a3ff; } [class~="secnav"] [class~="secnav-container"] [class~="one"] p{ font-size: 0.625rem; font-weight: 600; } @media (max-width: 61.25rem){ [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="middleside"]{ display: none; } [class~="secnav"]{ display: flex; } } @media (max-width: 42.5rem){ [class~="connectbox"]{ width: 100%; padding: 0 1rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="certify"]{ padding: 0 1rem; padding-bottom: 1rem; } [class~="connectbox"] [class~="connectbox-container"] [class~="wallets"]{ display: grid; grid-template-columns: 1fr; padding: 0 1rem 1rem; } } @media (max-width: 37.5rem){ [class~="navigation"] [class~="navigation-container"] { padding: 1.125rem 1.25rem; } [class~="header"] [class~="header-container"]{ width: 100%; padding: 0.5rem 1.25rem; } [class~="footer"] [class~="footer-container"]{ flex-direction: column; gap: 1rem; padding: 1.125rem 1.25rem; } } @media (max-width: 30rem){ [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button{ padding: 1rem 0.625rem; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"]{ padding: 1rem; } [class~="header"] [class~="header-container"] [class~="stake"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="connect"]{ min-width: 100%; cursor: pointer; } }