@import url('https://fonts.googleapis[class~="com"]/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap'); @import url('https://fonts.googleapis[class~="com"]/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); *{ box-sizing: border-box; margin: 0; padding: 0; } body { font-family: Manrope, sans-serif; scroll-behavior: smooth; padding: 0; margin: 0; color: #f7f7f8; position: relative; overflow: visible; position: relative; font-family: Inter, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.5; background: #1e252b; background: #1e252b; color: #f7f7f8; } a { text-decoration: none; color: #6e757c; } p { line-height: 1.5; } button{ font-family: inter, sans-serif; border: none; cursor: pointer; font-size: 1rem; } [class~="dropmenu"]{ width: 42.75rem; padding: 1.25rem 1.5rem 2rem; display: flex; flex-direction: column; background: #2c353d; border-radius: 1.25rem; position: absolute; z-index: 1000; top: 1.875rem; left: 50%; transform: translate(-50%); pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } #dropmenu[class~="active"] { opacity: 1; pointer-events: auto; } [class~="dropmenu"] [class~="topside"]{ display: flex; justify-content: space-between; align-items: center; } [class~="dropmenu"] [class~="topside"] img{ width: 3.5rem; } [class~="dropmenu"] [class~="topside"] [class~="exit"]{ cursor: pointer; } [class~="dropmenu"] [class~="bottomside"]{ margin-top: 2rem; display: flex; flex-direction: column; } [class~="dropmenu"] [class~="bottomside"]{ margin-top: 2rem; } [class~="dropmenu"] [class~="bottomside"] h3{ font-size: 1rem; color: #bac3ca; text-transform: uppercase; font-weight: 500; margin: 2.5rem 0 1.25rem; } [class~="dropmenu"] [class~="bottomside"] [class~="nontopmargin"]{ margin-top: 0; } [class~="dropmenu"] [class~="bottomside"] [class~="one"]{ display: flex; align-items: center; padding: 0.75rem 0; } [class~="dropmenu"] [class~="bottomside"] [class~="one"] a{ margin-left: 0.75rem; color: #eeeff2; } [class~="dropmenu"] [class~="bottomside"] [class~="one"] svg{ width: 1.5rem; height: 1.5rem; color: #ff6e30; } [class~="dropmenu"] [class~="bottomside"] [class~="one"] span{ background: #00b4fe; padding: 0.25rem 0.5rem; font-size: 0.75rem; border-radius: 0.375rem; margin-left: 0.5rem; } [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: 100004555550; 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; border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; align-items: center; justify-content: space-between; background: #2c353d; } [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: #2c353d; } [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; background: #2c353d; } [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; background: #2c353d; } [class~="navigation"] { padding: 3.125rem 0; position: relative; z-index: 40; } [class~="navigation"] [class~="navigation-container"] { display: flex; justify-content: space-between; margin: auto; align-items: center; margin: 0 auto; width: 48rem; padding: 0 4rem; position: relative; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] { display: flex; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] img { width: 3.5rem; height: 3.5rem; } [class~="navigation"] [class~="navigation-container"] [class~="middleside"]{ display: flex; } [class~="navigation"] [class~="navigation-container"] [class~="middleside"] a{ display: flex; align-items: center; transition-duration: .5s; margin-top: 1.5rem; padding: 0 1rem 1.5rem; font-size: 1.125rem; font-weight: 400; color: #6e757c; font-size: 1rem; gap: .3rem; } [class~="navigation"] [class~="navigation-container"] [class~="middleside"] a svg{ margin-left: 5rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"]{ display: flex; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="menu"]{ display: flex; cursor: pointer; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="menu"] svg{ color: #6e757c; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button{ display: flex; padding: 1rem 1.5rem; border: none; background: #ff6e30; color: white; border-radius: 0.9375rem; } [class~="stake"]{ width: 100%; display: flex; flex-direction: column; } [class~="stake"] [class~="stake-container"]{ display: flex; flex-direction: column; margin: 0 auto; padding: 0 4rem; width: 48rem; } [class~="stake"] [class~="stake-container"] [class~="topside"]{ padding: 1.5rem; display: flex; flex-direction: column; width: 100%; background: #2c353d; border-radius: 0.625rem; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="one"]{ display: flex; margin: 0rem 0rem 0.25rem; padding: 0 0.5rem; width: 100%; justify-content: space-between; align-items: center; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="one"] [class~="left"]{ display: flex; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="one"] [class~="left"] h5{ font-size: 1rem; color: #6e757c; font-weight: 500; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="one"] [class~="right"]{ display: flex; align-items: center; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="one"] [class~="right"] p{ font-size: 1rem; color: #6e757c; font-weight: 500; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="one"] [class~="right"] button{ background: #748fb5; color: white; padding: 0.125rem 0.625rem; margin: 0 0.25rem 0 0.5rem; border-radius: 0.625rem; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="two"]{ display: flex; position: relative; padding: 1rem 0.75rem 1rem 3rem; background: #1e252b; border-radius: 0.625rem; align-items: center; justify-content: space-between; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="two"] svg{ display: flex; position: absolute; width: 2rem; height: 2rem; left: 0.625rem; }[class~="stake"] [class~="stake-container"] [class~="topside"] [class~="two"] [class~="left"]{ width: 2.5rem; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="two"] [class~="left"] input{ background: none; border: none; font-size: 1.25rem; color: white; outline: none; overflow: hidden; width: 6.25rem; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="two"] [class~="left"] input::placeholder{ color: #6e757c; font-size: 1.25rem; font-weight: 500; font-family: inter, sans-serif; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="two"] [class~="right"]{ width: fit-content; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="two"] [class~="right"] p{ color: #6e757c; font-size: 1.25rem; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="errmsg"]{ width: 100%; padding-top: 0.5rem; } [class~="stake"] [class~="stake-container"] [class~="switch"]{ display: flex; background: #748fb5; border-radius: 0.625rem; padding: 0.5rem; margin-top: -1rem; justify-self: center; align-self: center; width: fit-content; z-index: 10; cursor: pointer; } [class~="stake"] [class~="stake-container"] [class~="switch"] svg{ width: 1.5rem; height: 1.5rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"]{ padding: 1.5rem; display: flex; flex-direction: column; width: 100%; background: #2c353d; border-radius: 0.625rem; margin-top: -0.9375rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"]{ display: flex; flex-direction: column; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="one"]{ display: flex; margin: 0rem 0rem 0.25rem; padding: 0 0.5rem; width: 100%; justify-content: space-between; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="one"] [class~="left"]{ display: flex; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="one"] [class~="left"] h5{ font-size: 1rem; color: #6e757c; font-weight: 500; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="one"] [class~="right"]{ display: flex; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="one"] [class~="right"] p{ font-size: 1rem; color: #6e757c; font-weight: 500; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="one"] [class~="right"] button{ background: #748fb5; color: white; padding: 0.125rem 0.625rem; margin: 0 0.25rem 0 0.5rem; border-radius: 0.625rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="two"]{ display: flex; position: relative; padding: 1rem 0.75rem 1rem 3rem; background: #1e252b; border-radius: 0.625rem; align-items: center; justify-content: space-between; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="two"] img{ display: flex; position: absolute; width: 2rem; height: 2rem; left: 0.625rem; }[class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="two"] [class~="left"]{ width: 30%; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="two"] [class~="left"] #ethResult3{ color: #6e757c; font-size: 1.25rem; overflow: hidden; width: 6.25rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="two"] [class~="left"] input{ background: none; border: none; font-size: 1.25rem; color: white; outline: none; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="two"] [class~="left"] input::placeholder{ color: #6e757c; font-size: 1.25rem; font-weight: 500; font-family: inter, sans-serif; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="two"] [class~="right"]{ width: fit-content; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="two"] [class~="right"] p{ color: #6e757c; font-size: 1.25rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"]{ display: flex; flex-direction: column; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"]{ display: flex; flex-direction: column; width: 100%; padding: 0.5rem 0; gap: .5rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="top"]{ display: flex; justify-content: space-between; align-items: center; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="top"] h5{ color: #6e757c; font-size: 1rem; font-weight: 500; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="top"] a{ font-size: 11.0.125rem; color: #748fb5; font-style: italic; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="bottom"]{ display: flex; width: 100%; gap: .5rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="bottom"] [class~="protocol"]{ display: flex; width: 100%; padding: 0.75rem; height: 5rem; align-items: flex-start; border: solid 0.125rem; border-color: lab(35.6337% -1.58697 -10.8425); border-radius: 0.625rem; cursor: pointer; justify-content: flex-start; gap: .5rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="bottom"] [class~="protocol"] input{ margin-top: .4rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="bottom"] [class~="protocol"] p{ color: #6e757c; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"]{ display: flex; flex-direction: column; padding: 0.5rem 0; border-top: solid .0.125rem #bac3ca46; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"]{ display: flex; justify-content: space-between; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="other"]{ display: flex; align-items:center; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="horizontal"]{ display: flex; flex-direction: column; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] h5{ font-size: 1rem; color: #6e757c; font-weight: 500; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] h5 span{ color: #ff6e30; font-weight: 700; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="dropdown"]{ display: flex; align-items: flex-end; justify-content: flex-end; cursor: pointer; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="dropdown2"]{ width: 100%; margin-top: 0.3125rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="dropdown"] p{ color: #6e757c; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="dropdown"] button{ background: lab(96.1861% -13.8464 6.52365); font-size: 0.75rem; padding:0.125rem 0.625rem; margin-left: 0.25rem; border-radius: 0.625rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="dropdown"] svg{ width: 1.25rem; height: 1.25rem;color: #6e757c; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="dropdown"] svg { transition: transform 0.3s ease; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="dropdown"] svg[class~="rotate"] { transform: rotate(180deg); } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="note"]{ padding-top:0.5rem ; display: none; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="note"] p{ font-size: 0.75rem; color: #6e757c; margin-top: 0.25rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="note"] h4{ padding: 1.5rem; border-radius: 0.625rem; background: #1e252b; color: #6e757c; font-weight: 500; } [class~="stake"] [class~="stake-container"] [class~="connect"]{ width: 100%; padding: 1rem 1.5rem; border-radius: 0.625rem; background: #ff6e30; margin-top: .8rem; cursor: pointer; } [class~="stake"] [class~="stake-container"] [class~="connect"] p{ text-align: center; } [class~="footer"]{ margin-bottom: 6.25rem; padding-top: 3rem; } [class~="footer"] [class~="footer-container"]{ margin: 0 auto; padding: 0 4rem; width: 48rem; } [class~="footer"] [class~="footer-container"]{ margin: 0 auto; max-width: 78rem; padding: 0 4rem; } [class~="footer"] [class~="footer-container"] [class~="topside"]{ display: flex; width: 100%; flex-direction: column; text-align: center; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="one"]{ display: flex; flex-direction: column; padding: 0 4.5rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="margintop"]{ margin-top: 0.5rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="one"] h4{ font-size: 0.875rem; color: #6e757c; font-weight: 500; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="one"] p{ font-size: 0.75rem; color: #6e757c; font-weight: 500; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="one"] span{ font-size: 0.75rem; color: #ff6e30; font-weight: 500; } [class~="footer"] [class~="footer-container"] [class~="bottomside"]{ display: flex; flex-direction: column; padding: 2rem 0 0; justify-content: center; align-items: center; text-align: center; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] img{ width: 2.5rem; height: 2.5rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] h5{ font-size: 1rem; margin-bottom: 1rem; color: #ff6e30; font-weight: 600; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] h4{ font-size: 1rem; margin-bottom: 1rem; color: #6e6e6e; font-weight: 600; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] [class~="social"]{ display: flex; margin-bottom: 1rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] [class~="social"] svg{ width: 1.5rem; height: 1.5rem; margin-right: 1.5rem; fill: #6e6e6e; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] [class~="privacy"]{ display: flex; margin-bottom: 1rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] [class~="privacy"] a{ padding-right: 1rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] p{ color: #6e6e6e; } @media (max-width:80rem) { [class~="footer"] [class~="footer-container"]{ width: 100%; } } @media (max-width:73.75rem){ } @media (max-width:64rem){ [class~="dropmenu"]{ width: 48.25rem; margin: 0 auto; } [class~="navigation"] { padding: 1.875rem 0; } [class~="navigation"] [class~="navigation-container"] { padding: 0 2rem; } [class~="navigation"] [class~="navigation-container"] [class~="middleside"]{ display: none; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="menu"]{ display: flex; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button{ display: none; } [class~="stake"] [class~="stake-container"]{ padding: 0 2rem; } [class~="footer"] [class~="footer-container"]{ padding: 0 2rem; } } @media (max-width:48.75rem){ [class~="dropmenu"]{ width: 98%; top: 0; } } @media (max-width:48.0625rem){ [class~="navigation"] { padding: 1.875rem 0; } [class~="navigation"] [class~="navigation-container"] { width: 100%; padding: 0 1.25rem; } [class~="header"]{ padding-top: 0rem; margin-bottom: 2rem; } [class~="stake"] [class~="stake-container"]{ width: 100%; padding: 0 1.25rem; } [class~="stake"] [class~="stake-container"] [class~="topside"]{ padding: 0.75rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"]{ padding: 0.75rem; } [class~="footer"] [class~="footer-container"]{ padding: 0 1.25rem; width: 100%; } [class~="footer"] [class~="footer-container"] [class~="topside"]{ padding: 0; gap: 1rem; } } @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:40.625rem){ [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="one"] [class~="left"] h5{ font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="one"] [class~="right"] p{ font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="topside"] [class~="two"] [class~="right"] p{ font-size: 1rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="one"] [class~="left"] h5{ font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="one"] [class~="right"] p{ font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="first"] [class~="two"] [class~="right"] p{ font-size: 1rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="top"] h5{ font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="bottom"]{ flex-direction: column; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="bottom"] [class~="protocol"] input{ margin-top: 0rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="flex"] [class~="bottom"] [class~="protocol"] p{ font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] h5{ font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="note"] p{ font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="note"] h4{ padding: 0.75rem; font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="dropdown2"] p{ font-size: 11.0.125rem; } [class~="stake"] [class~="stake-container"] [class~="bottomside"] [class~="second"] [class~="exchange"] [class~="top"] [class~="dropdown"] button{ font-size: 11.0.125rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="one"] p{ font-size: 11.0.125rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] h5{ font-size: 11.0.125rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] h4{ font-size: 11.0.125rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] [class~="privacy"] a{ font-size: 11.0.125rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] p{ font-size: 11.0.125rem; } } @media (max-width:37.5rem){ [class~="dropmenu"]{ width: 100%; padding: 1.25rem 0.75rem 1.5rem; } [class~="navigation"] { padding: 1.25rem 0; } [class~="navigation"] [class~="navigation-container"] { padding: 0 0.625rem; } [class~="stake"] [class~="stake-container"]{ padding: 0 0.625rem; } [class~="footer"] [class~="footer-container"]{ padding: 0 0.625rem; } } @media (max-width:29.375rem){ [class~="navigation"] { padding: 1.25rem 0; } [class~="navigation"] [class~="navigation-container"] { padding: 0 0.625rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] img { width: 2.5rem; height: 2.5rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] [class~="social"]{ gap: .5rem; } [class~="footer"] [class~="footer-container"] [class~="bottomside"] [class~="social"] svg{ margin-right: 0; } }