header .wrapper .buttons .validators[data-v-6671a1b3]{color:#fff!important;font-size:14px!important;font-weight:500!important;line-height:1.43!important}.wallet-label[data-v-6671a1b3]{margin-left:8px;font-size:12px;color:#111;font-weight:500}.wallet-list[data-v-6671a1b3]{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.wallet-list-title[data-v-6671a1b3]{font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.wallet-buttons[data-v-6671a1b3]{display:flex;flex-wrap:wrap;gap:6px}.wallet-btn[data-v-6671a1b3]{background:white;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;transition:all .2s ease;min-width:60px;text-align:center}.wallet-btn[data-v-6671a1b3]:hover:not(:disabled){border-color:#667eea;color:#667eea}.wallet-btn.active[data-v-6671a1b3]{border-color:#667eea;background:#667eea;color:#fff}.wallet-btn[data-v-6671a1b3]:disabled{opacity:.5;cursor:not-allowed}.wallet-list .wallet-btn.inactive[data-v-6671a1b3]{opacity:.6;cursor:not-allowed;background:#f2dede;color:#a94442;position:relative}.wallet-list .wallet-btn.inactive[data-v-6671a1b3]:hover:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 8px);background:#e74c3c;color:#fff;padding:6px 10px;border-radius:6px;white-space:nowrap;font-size:12px;line-height:1.2;box-shadow:0 6px 12px #e74c3c59;pointer-events:none;z-index:10000;border:none}.wallet-list .wallet-btn.inactive[data-v-6671a1b3]:hover:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 2px);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #e74c3c;z-index:10000}.wallet-item[data-v-6671a1b3]{width:100%}.system-alert[data-v-f734e083]{position:fixed;top:-60px;left:0;right:0;height:60px;z-index:10000;display:flex;align-items:center;justify-content:center;padding:0 16px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;transition:top .25s ease}.system-alert.error[data-v-f734e083]{background:linear-gradient(90deg,var(--error) 0%,var(--error-dark) 100%);color:#fff}.system-alert.warning[data-v-f734e083]{background:linear-gradient(90deg,var(--warning) 0%,var(--warning-dark) 100%);color:#212529}.system-alert.info[data-v-f734e083]{background:linear-gradient(90deg,var(--info) 0%,var(--info-dark) 100%);color:#fff}.system-alert.success[data-v-f734e083]{background:linear-gradient(90deg,#28a745 0%,#20c997 100%);color:#fff}.alert-content[data-v-f734e083]{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto;width:100%;position:relative}.alert-icon[data-v-f734e083]{font-size:18px;flex-shrink:0}.alert-message[data-v-f734e083]{flex:1;font-size:14px;font-weight:600;line-height:1.43;text-align:center;pointer-events:none}.alert-close[data-v-f734e083]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:inherit;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.alert-close[data-v-f734e083]:hover{background-color:#fff3}.system-alert[data-v-f734e083]{animation:slideDown-f734e083 .25s ease forwards}@keyframes slideDown-f734e083{0%{top:-60px}to{top:0}}.system-alert.hiding[data-v-f734e083]{animation:slideUp-f734e083 .25s ease forwards}@keyframes slideUp-f734e083{0%{top:0}to{top:-60px}}.current-address[data-v-07af25ef]{margin-bottom:8px;padding:8px 12px;background:#f9f9f9;border-radius:6px;border:1px solid #efefef}.current-address span[data-v-07af25ef]{font-size:12px;color:#666;font-family:monospace;word-break:break-all}.btn-g.staking[data-v-07af25ef]{opacity:.8;cursor:not-allowed}.spinner[data-v-07af25ef]{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin-07af25ef 1s ease-in-out infinite;margin-right:8px}@keyframes spin-07af25ef{to{transform:rotate(360deg)}}.btn-g .confirming[data-v-07af25ef],.btn-g .processing[data-v-07af25ef],.btn-g .complete[data-v-07af25ef],.btn-g .error[data-v-07af25ef],.btn-g .preparing[data-v-07af25ef]{color:#ffffffe6}.staking-error[data-v-07af25ef]{margin-top:16px;padding:12px;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;text-align:center}.error-message[data-v-07af25ef]{color:#c53030;margin:0 0 12px;font-size:14px}.retry-btn[data-v-07af25ef]{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-btn[data-v-07af25ef]:hover{background:#c53030}.stake-input input[type=number][data-v-07af25ef]{font-family:monospace;font-size:16px;text-align:right;padding-right:8px}.stake-input input[type=number][data-v-07af25ef]::-webkit-outer-spin-button,.stake-input input[type=number][data-v-07af25ef]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stake-input input[type=number][data-v-07af25ef]{-moz-appearance:textfield}#app{min-height:100vh;display:flex;flex-direction:column;width:100vw;max-width:100%;margin:0;padding:0}main{flex:1;width:100%}.wallet-required-text[data-v-69673b29]{color:var(--darkGray);font-size:12px;font-weight:400;line-height:1.4;margin-top:8px;text-align:center}.btn-g.disabled[data-v-69673b29]{opacity:.5;cursor:not-allowed;pointer-events:none}.loading[data-v-69673b29]{color:var(--darkGray);font-style:italic;font-size:14px}.error[data-v-69673b29]{color:var(--error);font-style:italic;font-size:14px}.back{margin-top:120px;margin-bottom:24px;a {color: #544dec; font-weight: 600; line-height: 24px; display: inline-flex; align-items: baseline; gap: 8px; &::before {content: ""; font: 100 18px/1 "icon"; color: inherit; width: 24px; aspect-ratio: 1; display: inline-flex; align-items: center; justify-content: center; transform: rotate(90deg); position: relative; top: 2px;}}}.main{border-radius:16px;border:1px solid var(--lightGray);background:#fff;margin-bottom:200px;h1 {display: block; font-size: 32px; font-weight: 600; line-height: 40px; margin: 24px 0 14px 24px;}}.main.statistics{display:block;margin-top:16px}.main .top{margin:0 24px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.main .top>div{display:flex;flex-direction:column;padding:16px;justify-content:center;gap:4px 10px;border-radius:10px;background:#fafafa;h4 {color: var(--darkGray); font-size: 12px; font-weight: 500; line-height: 16px;} p {color: var(--bodyText); font-size: 24px; font-weight: 600; line-height: 32px;} &:has(.btn-g) {grid-column: 1/3; display: grid; grid-template-columns: max-content 1fr; align-items: center; .btn-g {grid-area: 1/2/3/2; max-width: 330px; margin-left: auto; padding: 9px; display: block; min-height: 48px; height: auto; span {font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit;}}}}.content-wrapper{display:grid;grid-template-columns:228px 1fr;border-top:1px solid var(--lightGray)}.content-wrapper .left{padding-top:92px;padding-bottom:24px}.content-wrapper .left>div{display:flex;align-items:center;gap:20px;min-height:72px;background-color:#544dec;padding-left:24px;color:var(--white);font-size:14px;font-weight:600}.content-wrapper .left>div .img{width:40px;aspect-ratio:1;flex-shrink:0;background:#fff url(/assets/logo-i-f06d38b3.svg) center/36px no-repeat;border-radius:50%;position:relative}.content-wrapper .left>div .img:after{content:"";font:100 10px/1 icon;color:#fff;position:absolute;bottom:0;right:-8px;width:20px;aspect-ratio:1;border-radius:50%;background:#544dec;display:grid;place-items:center}.content-wrapper .right{border-left:1px solid var(--lightGray);h3 {padding: 24px; color: var(--bodyText); font-weight: 600; line-height: 24px; position: relative; width: fit-content; &::after {content: ""; position: absolute; width: 100%; bottom: 0; left: 0; height: 4px; border-radius: 4px; background: #544dec;}} .filter {border-top: 1px solid var(--lightGray); padding: 24px; display: flex; align-items: center; gap: 24px; a {padding: 12px 24px; flex-shrink: 0; border-radius: 40px; background: #fafafa; color: var(--darkGray); font-weight: 500; line-height: 24px;} .active {background: #544dec; color: #fff;}}}.content-wrapper .items{padding:0 24px 24px;display:flex;flex-direction:column;gap:24px;h4 {color: var(--darkGray); font-size: 12px; font-weight: 600; line-height: 16px; margin-bottom: 2px; +p {color: var(--bodyText); font-size: 20px; font-weight: 600; line-height: 32px; margin-bottom: 16px;}} .item {padding: 24px; border-radius: 16px; background: #fafafa; display: grid; grid-template-columns: auto auto; gap: 24px; .list {padding-right: 24px; border-right: 1px solid var(--lightGray); min-width: max-content; max-width: 332px; flex: 1 0; .btn-g {max-width: 308px; width: 100%;} >div {color: var(--darkGray); font-size: 14px; font-weight: 600; line-height: 20px; margin-bottom: 12px; b {color: var(--bodyText); font-size: inherit; font-weight: inherit; line-height: inherit;} span {color: #eea47b; font-size: inherit; font-weight: inherit; line-height: inherit; &.unlocked {color: #69de79;}}} >a {color: #544dec; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; align-items: center; gap: 2px; margin-bottom: 24px; &::after {content: ""; font: 100 12px/1 "icon"; color: inherit; width: 20px; aspect-ratio: 1; flex-shrink: 0; display: grid; align-items: center; justify-content: center;}} .btn-g.disable {box-shadow: none; background: var(--darkGray); cursor: no-drop;}} .list+div {flex-grow: 1; display: flex; flex-direction: column; gap: 16px; .border {border-radius: 10px; border: 1px solid var(--LightGray, #efefef); padding: 16px; display: grid; grid-template-columns: max-content 1fr; align-items: center; gap: 2px 10px; p {grid-column: 1; margin: 0;} .btn-g {padding-inline: 32px; grid-area: 1/2/3/2; width: fit-content; margin-left: auto;} .btn-g:disabled {box-shadow: none; background: var(--darkGray); cursor: not-allowed;}} .copy-text {margin: auto 0 0 auto; cursor: pointer; span {color: var(--darkGray);} p {max-width: 110px;}}}}}@media screen and (max-width: 1024px){.back{margin-top:32px;margin-bottom:32px}.main{margin-bottom:120px;h1 {margin: 12px;}}.main .top{margin:12px;gap:12px}.main .top>div{padding:10px 16px;p {font-size: 20px; line-height: 24px;} &:has(.btn-g) {display: flex; align-items: start; .btn-g {margin-left: 0; margin-top: 8px; min-height: 40px; font-size: 14px; line-height: 22px;}}}.content-wrapper{grid-template-columns:1fr}.content-wrapper .left{padding-top:24px}.content-wrapper .right{border-left:none;h3 {padding: 18px 7px; font-size: 14px; line-height: 20px;} .filter {padding: 12px; a {font-size: 14px; line-height: 20px;}}}.content-wrapper .items{padding:0 12px 24px;h4 {margin-bottom: 4px; +p {font-size: 16px; line-height: 24px;}} .item {padding: 24px 16px;}}}@media screen and (max-width: 767px){.main{border:none;margin-bottom:100px;h1 {font-size: 20px; line-height: 24px; margin: 0 0 12px;}}.main .top{margin:0 0 24px;grid-template-columns:repeat(2,1fr);gap:8px}.main .top>div:has(.btn-g) .btn-g{max-width:none}.content-wrapper{border:none}.content-wrapper .left{display:none}.content-wrapper .right{border-left:none}.content-wrapper .right .filter{border-top:1px solid var(--lightGray);padding:24px 0;gap:8px;overflow:auto}.content-wrapper .items{padding:0}.content-wrapper .items .item{grid-template-columns:1fr}.content-wrapper .items .item .list{padding-right:0;padding-bottom:24px;border-right:none;border-bottom:1px solid var(--lightGray);max-width:none}.content-wrapper .items .item .list .btn-g{max-width:none}.content-wrapper .items .item .list+div{gap:24px}.content-wrapper .items .item .list+div .border{border:none;padding:0 0 24px;border-bottom:1px solid var(--lightGray);border-radius:0;grid-template-columns:1fr;gap:4px;p {margin-bottom: 8px;} .btn-g {grid-area: auto; width: 100%; height: 40px; font-size: 14px;}}.content-wrapper .items .item .list+div .copy-text{margin-left:0}}.spinner[data-v-4ba8233e]{width:16px;height:16px;margin-right:8px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin-4ba8233e 1s linear infinite}@keyframes spin-4ba8233e{to{transform:rotate(360deg)}}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont-ac833b69.woff2);font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(/assets/Raleway-VariableFont-87d49eb9.woff2);font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/assets/Rubik-VariableFont-654d39fc.woff2);font-style:normal;font-display:swap}@font-face{font-family:icon;src:url(data:font/woff2;base64,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);font-weight:100;font-style:normal;font-display:swap}:root{--page-bg: #fefefe;--white: #fffefe;--bodyOnBlack: #d0d0d0;--f9: #f9f9f9;--lightGray: #efefef;--gray: #b4b4b4;--darkGray: #a9a9b0;--activeGray: #e4e4e4;--bodyText: #5a5a5a;--lightBlack: #373737;--black: #1e1e1e;--main: linear-gradient(90deg, #4539eb 0%, #8d9cf1 100%);--error: #dc3545;--error-dark: #c82333;--warning: #ffc107;--warning-dark: #e0a800;--info: #17a2b8;--info-dark: #138496}*{box-sizing:border-box;margin:0;padding:0;outline:0;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400;color:var(--black)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;width:100vw;max-width:100%;scroll-behavior:smooth}body{position:relative;display:flex;flex-direction:column;min-height:100dvh;height:100%;width:100vw;max-width:100%;scroll-behavior:smooth;overflow-x:hidden;background-color:var(--page-bg);margin:0;padding:0}a{text-decoration:none;transition:color .2s linear}main{width:100%;display:flex;flex-direction:column;flex-grow:1}img{display:block;width:100%}button{cursor:pointer}textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;overflow:auto}input[type=submit]{border:none;cursor:pointer}.wrapper{margin:0 auto;max-width:1160px;width:calc(100% - 80px)}.wrapper.back{padding-left:24px;margin-top:32px;margin-bottom:32px}header{width:100%;background:var(--black);position:relative;z-index:100}header .info{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;color:var(--f9);text-align:center;font-family:Raleway;font-size:14px;font-weight:600;line-height:1.43;background:var(--main)}header .info:before{content:"";width:24px;aspect-ratio:1;flex-shrink:0;background:url(/assets/shield-21118bd5.svg) center center / cover}header .wrapper{display:flex;align-items:center;gap:60px;padding:16px 0;position:relative}header .wrapper .logo{width:154px;height:35px;margin-right:auto;background:url(/assets/logo-4766f673.svg) left center/ contain no-repeat}header .wrapper .menu{display:flex;align-items:center;gap:30px}header .wrapper .menu .select{nav {overflow-y: hidden; display: flex; flex-direction: column; gap: 16px; a {white-space: nowrap; color: var(--bodyOnBlack); line-height: 1.75; &:first-child {margin-top: 20px;} &:last-child {margin-bottom: 20px;}}}}header .wrapper .menu .select .select-btn{color:var(--f9);font-size:14px;font-weight:500;line-height:1.43}header .wrapper .menu .select .content{padding-inline:15px;background:var(--black)}header .wrapper .select .content{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);border-radius:15px;width:max-content;min-width:100%}header .wrapper .buttons{display:grid;gap:24px;grid-template-columns:auto auto}header .wrapper .buttons .open .wallet{background:var(--activeGray)}header .wrapper .buttons .open .content>div{border:1px solid #00000000}header .wrapper .buttons .wallet{padding:10px 12px;display:flex;align-items:center;border-radius:8px;transition:.3s linear;gap:8px;background:var(--lightGray)}header .wrapper .buttons .wallet:before{content:"";font:100 16px/1 icon;color:var(--black);width:20px;aspect-ratio:1;flex-shrink:0;display:grid;align-items:center;justify-content:center}header .wrapper .buttons .wallet:after{color:var(--darkGray)}header .wrapper .buttons .content>div{background:var(--lightGray);overflow:visible;border-radius:15px}header .wrapper .buttons .content>div>div{padding:6px 12px;min-height:48px;display:flex;flex-direction:column;justify-content:center;overflow:visible}header .wrapper .buttons .content>div .title{color:var(--bodyText);font-size:14px;font-weight:500;line-height:20px}header .wrapper .buttons .content>div .title>div{display:flex;align-items:center;gap:36px;p,span {font-size: 12px; font-weight: 500; line-height: 16px;} p {width: 115px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} button {color: #544dec; cursor: pointer; border: none; background: none;}}header .wrapper .buttons .content>div .copy-text{background-color:var(--white);flex-direction:row;justify-content:start}header .wrapper .buttons .validators{color:var(--white)!important;font-size:14px;font-weight:500;line-height:1.43;border-radius:8px;padding:9px 24px;transition:background-size .2s linear;background:linear-gradient(129deg,#7981ef -5.23%,#544dec 90.62%)right top/ 0% 100% no-repeat,var(--main) left top/ 100% 100% no-repeat #544dec;border:none;box-shadow:2px 2px 8px #544dec9e}header .burger{display:none;flex-direction:column;justify-content:center;transition:gap .2s ease-in-out;gap:18px;width:32px;height:32px;padding:3px;cursor:pointer;z-index:2;position:relative;span,&::after,&::before {content: ""; width: 26px; height: 2px; background: var(--white); transition: .2s linear;} &::after {width: 20px;} span {display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transform-origin: left; &::before {content: ""; width: 100%; height: 100%; background: inherit; transition: transform .2s linear;}}}header.active .burger{gap:0;span {transform: rotate(-45deg) translate(-50%,-50%); &:before {transform: rotate(90deg);}}}header.active .burger:before,header.active .burger:after{transform:scaleX(0);opacity:0}.copy-text{display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;p {font-size: 14px; font-weight: 500; line-height: 20px; max-width: 172px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} &::after {content: ""; font: 100 18px/1 "icon"; color: var(--darkGray); width: 20px; aspect-ratio: 1; flex-shrink: 0; display: grid; align-items: center; justify-content: center; transition: color .3s linear;}}:is(.select,.spoiler){position:relative}:is(.select,.spoiler) .select-btn,:is(.select,.spoiler) .spoiler-btn{display:flex;align-items:center;justify-content:space-between;gap:13px;background:none;border:none}:is(.select,.spoiler) .select-btn:after,:is(.select,.spoiler) .spoiler-btn:after{content:"";font-family:icon;font-weight:100;aspect-ratio:1;flex-shrink:0;display:grid;align-items:center;justify-content:center;transition:transform .2s linear}:is(.select,.spoiler) .select-btn:after{content:"";font-family:icon;font-weight:100;width:20px;aspect-ratio:1;flex-shrink:0;display:grid;align-items:center;justify-content:center;font-size:10px;color:var(--white);transition:transform .2s linear}:is(.select,.spoiler) .spoiler-btn:after{content:"";font-family:icon;font-weight:100;width:24px;aspect-ratio:1;flex-shrink:0;display:grid;align-items:center;justify-content:center;font-size:14px;color:var(--gray);transition:transform .2s linear}:is(.select,.spoiler) .content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s linear}:is(.select,.spoiler).open .spoiler-btn:after,:is(.select,.spoiler).open .select-btn:after{transform:rotateX(180deg)}:is(.select,.spoiler).open .content{grid-template-rows:1fr}footer{width:100%;background:var(--black);padding-top:100px}footer *{color:var(--bodyOnBlack);font-family:Rubik;font-feature-settings:"liga" off,"clig" off}footer .top{display:flex;justify-content:space-between;margin-bottom:114px}footer .top .left{display:flex;flex-direction:column;align-items:center;gap:20px;p {line-height: 1.75;} .social {margin-top: 40px; display: flex; align-items: center; justify-content: center; gap: 24px; a {display: flex; align-items: center; justify-content: center; width: 56px; aspect-ratio: 1; flex-shrink: 0; border-radius: 50%; background-color: #fff;}}}footer .top .left .logo{width:240px}footer .top .right{display:flex;gap:85px;p {color: var(--white); font-weight: 600; line-height: 1.33; font-size: 24px; margin-bottom: 24px;} nav {display: flex; flex-direction: column; gap: 16px; a {line-height: 1.75;}}}footer .bottom{border-top:1px solid var(--lightBlack);padding:48px 0}footer .bottom .wrapper{display:flex;align-items:center;gap:100px;a {line-height: 1.75;}}.social a svg{max-width:32px;aspect-ratio:1;fill:var(--black);transition:fill .2s linear}.btn-g{border-radius:4px;background:linear-gradient(129deg,#7981ef -5.23%,#544dec 90.62%)right top/ 0% 100% no-repeat,var(--main) left top/ 100% 100% no-repeat #544dec;box-shadow:2px 2px 8px #544dec9e;display:flex;width:100%;height:48px;padding:9px 24px;justify-content:center;align-items:center;flex-shrink:0;border:none;font-weight:600;color:var(--f9);transition:.2s linear}.window-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(84,77,236,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s linear}.window-modal.active{opacity:1;pointer-events:all}.window-modal.active .window-body{transform:translateY(-50%)}.window-modal .window-body{position:absolute;top:50%;transform:translateY(-120vh);display:flex;flex-direction:column;border-radius:16px;background:var(--white);max-height:calc(100dvh - 50px);transition:transform .2s linear}.window-modal .window-body .heading{padding:16px 24px;border-bottom:1px solid var(--lightGray);display:flex;align-items:center;gap:10px;justify-content:space-between;h3 {font-size: 20px; font-weight: 600; line-height: 28px;} .close {border: none; background: none; margin-right: -12px; &::before {content: ""; font: 100 12px/1 "icon"; width: 28px; aspect-ratio: 1; flex-shrink: 0; display: grid; align-items: center; justify-content: center;}}}.window-modal .window-body .content{max-width:calc(100vw - 36px)}.window-modal.connect .content{padding:24px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;width:584px;hr {border-radius: 2px; border-color: #efefef; margin: 12px 0;} .wallet {display: flex; gap: 12px; align-items: center; padding: 18px 16px; border-radius: 8px; border: 1px solid #efefef; background: var(--f9); img {width: 40px; aspect-ratio: 1;} p {font-weight: 500;} .btn-g {width: fit-content; margin-left: auto; display: none; &.disconnect {background: var(--black); box-shadow: none; display: flex;}}} .connect .btn-g {display: flex; &.disconnect {display: none;}}}.window-modal.select-version .content{width:456px;overflow:auto;scrollbar-width:none}.window-modal.select-version .content>div:not(:first-of-type){border-top:1px solid var(--lightGray)}.window-modal.select-version .content>div{padding:24px;h4 {font-weight: 500; line-height: 24px; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; img {width: 24px; aspect-ratio: 1;}} >div {border-radius: 8px; overflow: hidden; .version:not(:first-of-type) {border-top: 1px solid var(--lightGray);} .version {background: var(--f9); padding: 26px 16px; display: flex; align-items: center; gap: 10px; justify-content: space-between; cursor: pointer; transition: background .2s linear; * {transition: color .2s linear;} &:hover {background: #544dec; * {color: var(--white);}} h5 {font-weight: 500; line-height: 24px;} p,span {color: var(--darkGray); font-size: 14px; font-weight: 500; line-height: 20px;} span {color: var(--black);}}}}.window-modal.stake-form .content{padding:24px;width:456px;max-height:575px;overflow:auto;scrollbar-width:none;form {display: flex; flex-direction: column; gap: 24px; fieldset {border: none; padding-right: 1px; legend,h4 {width: 100%;} input {width: 100%;} p span {font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit;}} .stake-input {.title {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 11px; color: var(--bodyText); font-size: 14px; font-weight: 600; line-height: 20px; p {color: var(--bodyText); font-size: 14px; font-weight: 500;}} div:not(.title) {display: grid; grid-template-columns: 1fr max-content; gap: 10px; align-items: center; padding: 0px 12px; border-radius: 8px; border: 1px solid var(--lightGray); background: var(--f9); label {height: 100%; display: flex; align-items: center;} input {border: none; background: inherit; font-size: 20px; font-weight: 600; line-height: 28px; color: var(--bodyText); &::placeholder {color: var(--darkGray);} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button {-webkit-appearance: none;}} button {padding: 4px 12px; color: #544dec; font-weight: 600; line-height: 24px; margin: 20px 0; border-radius: 10px; background: #f1effd; border: none; transition: background .3s linear; &:hover {background: #dfd3ff;}}}} .smart-contract {display: grid; gap: 12px; grid-template-columns: 24px 1fr; align-items: center; label {border-radius: 2px; aspect-ratio: 1; border: 1px solid #544dec; color: #00000000; display: grid; align-items: center; justify-content: center; cursor: pointer; transition: .2s linear; input {display: none;} &::before {content: ""; font: 100 12px/1 "icon"; color: inherit;} &:has(input:checked) {color: var(--white); background: #544dec;}} p {color: var(--bodyText); font-size: 14px; font-weight: 600; line-height: 20px; span {color: #544dec;}}} .months {.title p {color: var(--bodyText); font-size: 14px; font-weight: 600; line-height: 20px; margin-bottom: 10px; span {color: var(--darkGray);}} >div:not(.title) {display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; label {border-radius: 8px; background: var(--f9); padding: 4px; text-align: center; color: var(--bodyText); font-weight: 600; line-height: 24px; cursor: pointer; transition: .2s linear; &:hover {background: var(--activeGray);} input {display: none;} &:has(input:checked) {color: var(--lightGray); background: #544dec;}}}} .reward {legend {color: var(--bodyText); font-size: 14px; font-weight: 600; line-height: 20px; margin-bottom: 11px;} input {border-radius: 8px; border: 1px solid var(--lightGray); background: #fafafa; padding: 9px 12px; font-size: 16px; line-height: 20px; color: var(--bodyText); &::placeholder {color: var(--darkGray);}}} .estimated-reward {padding: 16px; border-radius: 8px; border: 1px solid var(--lightGray); margin: 7px 0; p {color: var(--darkGray); font-size: 12px; font-weight: 600; margin-bottom: 8px; line-height: 16px;} span {color: var(--bodyText); font-size: 20px; font-weight: 600; line-height: 28px;}} .overview {display: flex; flex-direction: column; gap: 12px; margin-bottom: 7px; h5 {color: var(--bodyText); font-size: 14px; font-weight: 600; line-height: 20px;} p {color: var(--darkGray); font-size: 14px; font-weight: 500; line-height: 20px; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; align-items: center; span {color: var(--bodyText); font-weight: 600;} .unlock {color: #eea47b;}}} .range {.title {color: var(--bodyText); font-size: 14px; font-weight: 600; line-height: 20px; p {color: var(--darkGray); font-size: 12px; font-weight: 600; line-height: 18px; margin: 6px 0 11px; span {color: var(--bodyText);}}} .minmax {display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-bottom: 16px; .input {display: flex; padding: 8px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; border: 1px solid var(--lightGray); span {color: var(--darkGray); font-size: 12px; font-weight: 600; line-height: 18px;} input {border: none; background: inherit; color: var(--bodyText); font-weight: 600; line-height: 24px; text-align: center;}}} .line-box {padding: 10px 0; margin-bottom: 24px;} .line {transform: translateX(12px); width: calc(100% - 24px); .range-line {position: absolute; inset: 0; border-radius: inherit; background: #544dec; transform: translateX(12px);}} .corrected-price {padding: 16px; border-radius: 8px; background: #f7f4fe; h5 {color: #544dec; font-size: 14px; font-weight: 600; line-height: 20px; margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; &::after {content: ""; font: 100 16px/1 "icon"; color: inherit; width: 20px; aspect-ratio: 1; flex-shrink: 0; display: grid; align-items: center; justify-content: center;}} >div {display: flex; align-items: center; gap: 8px; flex-wrap: wrap; p {color: var(--darkGray); font-size: 14px; font-weight: 500; line-height: 20px; span {color: var(--bodyText);}}}}} .line {position: relative; z-index: 1; height: 4px; border-radius: 4px; &::before {content: ""; position: absolute; left: -12px; right: -12px; height: 4px; border-radius: 4px; background: var(--lightGray);} :is(.min-range,.max-range) {position: absolute; left: 0; top: -10px; width: 24px; height: 24px; border-radius: 50%; border: 4px solid #544dec; background: var(--page-bg); cursor: pointer;}} .percent-wrapper {width: calc(100% - 24px); .line-box {margin: 22px 0px 12px;} .line::before {left: 0; right: -24px;} input {position: absolute; width: calc(100% + 24px); height: 24px; top: -10px; opacity: 0; z-index: 1; cursor: pointer;} .min-range {pointer-events: none; z-index: 2;} .range-line {height: 3px; background-color: #544dec; border-radius: 3px; width: 102%; max-width: 3px; pointer-events: none; position: relative; z-index: 1;} .reinvestment-percentage {color: var(--bodyText); font-size: 14px; font-weight: 600; line-height: 20px;}}}}.window-modal.preloader .heading{padding:40px;display:flex;gap:0}.window-modal.preloader .heading .status{height:2px;margin:11px 0;background:#a9a9b0;flex-grow:1;position:relative}.window-modal.preloader .heading .status:before{content:"";font:100 12px/1 icon;color:#0000;width:24px;box-sizing:border-box;aspect-ratio:1;flex-shrink:0;border:2px solid #a9a9b0;background:var(--white);display:grid;align-items:center;justify-content:center;position:absolute;left:0;top:-11px;border-radius:50%}.window-modal.preloader .heading .status:last-of-type{width:24px;flex-shrink:0;flex-grow:0}.window-modal.preloader .heading .status:first-of-type:before{background:radial-gradient(#544dec 4px,var(--white) 5px) var(--white);border-color:#544dec}.window-modal.preloader .heading .status.active{background:#544dec;cursor:pointer}.window-modal.preloader .heading .status.active+.status:before{background:radial-gradient(#544dec 4px,var(--white) 5px) var(--white);border-color:#544dec}.window-modal.preloader .heading .status.active.status:before{background:#544dec;color:var(--white);border-color:#544dec}.window-modal.preloader .heading .prompt{position:absolute;left:50%;transform:translate(-50%);bottom:25px;border-radius:8px;background:#efefef;padding:12px 16px;width:max-content;opacity:0;transition:opacity .2s linear}.window-modal.preloader.active .content .img img{animation:rotate 1s linear infinite}.window-modal.preloader .content{width:584px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px}.window-modal.preloader .content .img{width:100px;aspect-ratio:1;margin:0 auto 16px;position:relative;img {height: 100%;} &.finish {img {opacity: 0;} &::before {opacity: 1;}}}.window-modal.preloader .content .img:before{content:"";font:400 46px/1 icon;color:#544dec;position:absolute;border-radius:50%;border:3px solid #544dec;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s linear}.window-modal.preloader .content .text{display:none;position:relative;p {color: var(--black); font-family: Raleway; font-size: 20px; font-weight: 600; line-height: 28px;} &.show {display: block; p+span {color: #544dec; font-weight: 600; line-height: 24px; display: block; margin: 16px auto 24px;} button {border-radius: 40px; +span {color: #a9a9b0; font-size: 12px; font-weight: 500; line-height: 16px; position: absolute; width: 100%; left: 0; bottom: -32px;}}}}.status-info{position:fixed;z-index:100;margin:0 48px;right:0;bottom:32px;border-radius:16px;background:#efefef;padding-right:24px;display:none;gap:10px}.status-info.show{display:flex}.status-info.show .open-preloader:before{animation:rotate 1s linear infinite}.status-info.finish .open-preloader:before{animation:none;mask:none;background:inherit}.status-info .open-preloader{padding:12px 0 12px 24px;display:flex;align-items:center;gap:10px;cursor:pointer;p {font-size: 14px; font-weight: 600; display: flex; flex-wrap: wrap; align-items: center; gap: 3px; span {font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; max-width: 80px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}}}.status-info .open-preloader:before{content:"";font:100 12px/1 icon;margin:4px;width:26px;aspect-ratio:1;flex-shrink:0;color:#69de79;background:#ee7b99;mask:url(/assets/preloader-984c665b.svg) center/24px no-repeat;display:grid;align-items:center;justify-content:center;border-radius:50%;border:2px solid #69de79}.status-info .close{border:none;background:none}.status-info .close:before{content:"";font:100 12px/1 icon;width:28px;aspect-ratio:1;flex-shrink:0;display:grid;align-items:center;justify-content:center}@keyframes rotate{0%{transform:rotate(-360deg)}}@media screen and (max-width: 1024px){header.active .wrapper .menu{transform:translate(0);opacity:1}header .wrapper{gap:24px}header .wrapper .menu{position:absolute;top:70px;right:-40px;width:100%;max-width:520px;z-index:1;overflow-y:auto;height:100dvh;flex-direction:column;gap:0;padding:10px 0 50px;transform:translate(100%);opacity:0;transition:opacity .3s linear,transform .3s linear;background:var(--black)}header .wrapper .menu::-webkit-scrollbar{display:none}header .wrapper .menu .select{width:100%}header .wrapper .menu .select .select-btn{width:100%;padding:14px 24px;transition:background-color .2s linear}header .wrapper .menu .select .content{position:relative;top:0;padding:0;nav {gap: 0; a {margin: 0; padding: 7px 40px; color: var(--white); transition: background-color .2s linear;}}}header .burger{display:flex}footer{padding-top:60px}footer .top{flex-wrap:wrap;gap:60px 85px;justify-content:center;margin-bottom:60px}footer .top .right{max-width:600px;width:100%;gap:50px;flex-wrap:wrap;justify-content:space-between}}@media screen and (max-width: 1024px) and (hover:hover){header .wrapper .menu .select:not(.open) .select-btn:hover{background-color:var(--lightBlack)!important}header .wrapper .menu .select .content nav a:hover{background-color:var(--bodyText)!important}}@media screen and (max-width: 767px){.wrapper{width:calc(100% - 32px)}header .info{text-align:left}header .wrapper{gap:10px}header .wrapper .logo{margin-right:0}header .wrapper .logo{width:35px;background:url(/assets/logo-i-f06d38b3.svg) left center/contain no-repeat;max-width:137px}header .wrapper .buttons{margin-left:auto;margin-right:0}header .wrapper .menu{position:absolute;top:70px;left:-16px;right:-16px;width:auto;max-width:none}header .wrapper .buttons{gap:6px;max-width:none;width:auto;justify-content:flex-end;margin-left:auto}header .wrapper .buttons .wallet{gap:4px}header .wrapper .buttons .validators{padding-inline:9px}header .burger{margin-left:4px}footer .top .left{flex-grow:1}footer .top .left .social{max-width:400px;width:100%;gap:10px;justify-content:space-between;flex-wrap:wrap;a {width: 45px; svg {width: 25px;}}}footer .bottom{padding:30px 0}footer .bottom .wrapper{gap:10px;flex-direction:column}.window-modal .window-body .heading{h3 {font-size: 14px; line-height: 24px;}}.window-modal .window-body .content .wallet{flex-wrap:wrap;p {font-size: 14px;} .btn-g {width: 100%; height: 32px; font-size: 14px;}}.window-modal .window-body .content .connect .btn-g{display:flex}.window-modal .window-body .content .connect .btn-g.disconnect{display:none}}@media (hover:hover){header .wrapper .buttons .validators:hover{background-size:100% 100%,0% 100%}header .wrapper .menu nav a:hover{color:var(--white)}.copy-text:hover:after{color:#544dec}footer{a:hover {color: #647ff7;}}.social a:hover svg{fill:#647ff7}.btn-g:hover{background-size:100% 100%,0% 100%}.preloader .heading .status.active:hover .prompt{opacity:1}}header .wrapper .buttons{align-items:center}header .wrapper .buttons .validators{display:inline-flex;align-items:center;white-space:nowrap;height:40px}header .wrapper .buttons .wallet{height:40px}@media screen and (max-width: 1024px){header .burger{display:none!important}}@media screen and (max-width: 767px){header .wrapper .buttons .validators{padding-inline:12px}}.connect .content .wallet .btn-g{display:none;color:#fff!important}.connect .content .wallet .btn-g.connect-cellframe{display:flex!important;color:#fff!important}.connect .content .wallet .btn-g.disconnect{display:none!important;color:#fff!important}.connect.connected .content .wallet .btn-g.connect-cellframe{display:none!important}.connect.connected .content .wallet .btn-g.disconnect{display:flex!important;color:#fff!important}.connect .content .wallet .btn-g *,.connect .content .wallet .btn-g span{color:#fff!important}.connect .content .wallet p{font-weight:500;color:var(--black);margin:0}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-g.loading{pointer-events:none}.btn-g.loading .spinner{margin-right:8px}.wallet-list{margin-top:20px;text-align:left}.wallet-list h4{margin:0 0 12px;font-size:14px;color:#666;font-weight:500}.wallet-buttons{display:flex;flex-direction:column;gap:8px}.wallet-btn{background:white;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s ease;text-align:center}.wallet-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.wallet-btn.active{border-color:#667eea;background:#667eea;color:#fff}.wallet-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-info{margin-top:20px;text-align:left;background:#f8f9fa;padding:16px;border-radius:8px}.info-row{display:flex;justify-content:space-between;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-row .label{font-weight:500;color:#666;font-size:14px}.info-row .value{color:#333;font-size:14px;font-family:monospace}h1{display:none}.steps{display:flex;gap:26px;margin-top:97px;margin-bottom:96px;align-items:start}.steps .spoiler{border-radius:16px;border:1px solid var(--lightGray);background:var(--white);flex:1 0}.steps .spoiler .spoiler-btn{width:100%;padding:24px;font-family:Raleway,sans-serif;font-size:20px;font-weight:600;line-height:28px;white-space:nowrap;cursor:pointer;border:none;background:none;text-align:left}.steps .spoiler .content{max-height:0;overflow:hidden;transition:max-height .3s ease}.steps .spoiler .content.open{max-height:1000px}.steps .spoiler .items{overflow-y:visible;counter-reset:steps}.steps .spoiler .items .item{margin:0 24px 24px;display:grid;grid-template-columns:48px 1fr;align-items:center;column-gap:16px;counter-increment:steps;a {font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-decoration: underline; transition: color .3s linear;} span {color: var(--darkGray); font-family: Inter; font-size: 14px; font-weight: 500; line-height: 1.43; &::after {content: counter(steps); margin-left: 3px;}} p {color: var(--bodyText); font-weight: 600; line-height: 1.5;} &:last-of-type {margin-bottom: 48px;}}.steps .spoiler .items .item .img{grid-area:1/1/3/2;width:100%;border-radius:50%;background-color:var(--lightGray);padding:12px;img {height: 100%; object-fit: contain;}}.main{display:flex;align-items:end;flex-wrap:wrap;justify-content:end;margin-bottom:190px;form {display: grid; grid-template-columns: auto auto; align-items: start; gap: 8px 18px; position: relative; z-index: 2; p {grid-row: 1; color: var(--darkGray); font-size: 14px; font-weight: 600; line-height: 20px;} .search,fieldset .select-btn {border-radius: 4px; border: 1px solid var(--LightGray, #efefef); background: var(--InputColor, #fafafa); height: 40px; padding: 0px 16px; width: 100%; &::after {color: var(--darkGray);}} .search {max-width: 200px; display: grid; grid-template-columns: 20px 1fr; gap: 8px; align-items: center; transition: border-color .2s linear; &::before {content: ""; font: 100 16px/1 "icon"; color: var(--darkGray); width: 100%; aspect-ratio: 1; display: grid; align-items: center; justify-content: center;} input {width: 100%; color: var(--black); font-size: 16px; font-weight: 500; border: none; background: inherit; &::placeholder {color: var(--darkGray);}} &:has(input:focus) {border-color: #544dec;}} fieldset {border: none; height: 40px; position: relative; z-index: 1; &.open .content>div {border: 1px solid var(--LightGray, #efefef);}} .select-btn,.content span {font-weight: 600;} .content>div {overflow: hidden; border-radius: 8px; background: var(--InputColor); position: relative; top: 5px; width: 168px; min-width: fit-content; display: grid; label {padding: 10px 16px; background-color: #fafafa; transition: .2s linear; cursor: pointer; span {color: inherit;} input {display: none;} &:has(input:checked) {cursor: default;}}}} .pop-up {position: relative; z-index: 2; display: flex; align-items: center; gap: 6px; cursor: pointer; &:hover {&::after {transform: translateY(-100%);} .pop-up-text {opacity: 1; pointer-events: initial;}} &::before {content: ""; font: 100 20px/1 "icon"; color: inherit; width: 20px; aspect-ratio: 1; flex-shrink: 0;} &::after {content: ""; position: absolute; inset: 0;} span {color: inherit; font-size: 14px; font-weight: 500; line-height: 20px;} .pop-up-text {pointer-events: none; position: absolute; opacity: 0; transition: opacity .3s linear; border-radius: 4px; background: var(--black); box-shadow: 0px 4px 8px 0px rgba(0,0,0,.25); display: flex; padding: 12px; flex-direction: column; gap: 7px; cursor: auto; p {color: var(--white); font-size: 14px; font-weight: 500; line-height: 20px; display: flex; gap: 3px; white-space: wrap; span {font-size: inherit; line-height: inherit; font-weight: inherit; color: var(--darkGray);}}}} >.pop-up {color: var(--darkGray); margin: 10px 40px 10px auto; .pop-up-text {top: -16px; left: 50%; transform: translate(-50%,-100%); p {white-space: nowrap;}}} .create {display: inline-flex; height: 40px; padding: 0px 24px; align-items: center; border-radius: 4px; background: var(--Black, #1e1e1e); border: none; transition: background .2s linear; span {color: var(--f9); font-size: 14px; font-weight: 500; &:last-of-type {display: none;}}} .list {flex: 1 0 100%; margin-top: 24px; display: flex; flex-direction: column; gap: 16px; .item {display: flex; flex-wrap: wrap; border-radius: 16px; border: 1px solid var(--lightGray); background: var(--white); &:last-of-type .apy div {display: block;} >div {display: flex; flex-direction: column; padding: 16px 24px; justify-content: center; gap: 4px; flex-grow: 1; position: relative;} .title {flex-direction: row; align-items: center; justify-content: start; gap: 24px; min-height: 88px; position: relative; .img {width: 40px; aspect-ratio: 1; padding: 2px; flex-shrink: 0; background: #e8e8e8 url(/assets/logo-i-f06d38b3.svg) center/36px no-repeat; border-radius: 50%; position: relative; &::after {content: ""; position: absolute; bottom: 0; right: -8px; width: 20px; aspect-ratio: 1; border-radius: 50%; background: var(--white) url(/assets/reload-944426ce.svg) center/contain no-repeat;}} .mobile-fee {display: none;}} h3 {color: var(--darkGray); font-size: 12px; font-weight: 500; line-height: 16px; +span,+p {font-weight: 600; line-height: 24px;} +span {color: var(--darkGray);}} .apy {position: relative; div {display: none; position: absolute; top: calc(100% + 16px); width: max-content;}} .select-btn {height: 24px; align-self: center; align-items: start; overflow: hidden; gap: 2px; margin: 12px 24px 12px auto; position: relative; z-index: 2; span {color: #544dec; font-weight: 600; line-height: 24px; text-align: end; transform: translateY(-24px); transition: transform .2s linear;} &::after {color: #544dec; width: 24px;}} .content {flex: 1 0 100%; display: grid; justify-content: normal; padding: 0; border-top: 1px solid #00000000; transition: .3s linear; z-index: 1; >div {padding-top: 80px; margin-top: -80px; overflow: hidden; display: flex; flex-wrap: wrap; gap: 0 24px; padding-inline: 24px; >div {border-radius: 10px; border: 1px solid var(--LightGray, #efefef); padding: 16px; margin: 20px 0; display: flex; flex-direction: column; gap: 12px; justify-content: center; flex: 1 0; >p {color: #544dec; font-size: 12px; font-weight: 600; line-height: normal; white-space: nowrap;}} .pop-up {color: var(--bodyText); white-space: nowrap; .pop-up-text {max-width: 284px; bottom: calc(100% + 6px);} & span:last-of-type {margin-left: auto;}}}} &.open {.select-btn span {transform: translateY(0);} .apy div {display: none;} .content {border-color: var(--lightGray);}} .content {max-height: 0 !important; overflow: hidden !important; transition: max-height .3s ease !important;} .content.open {max-height: 1000px !important;}}}}@media screen and (max-width: 1024px){.main .list .item .apy div{display:none!important}}@media screen and (max-width: 767px){.steps{flex-direction:column;gap:8px;margin:12px -16px 20px}.steps .spoiler{width:100%;flex:0 0 auto}.steps .spoiler .spoiler-btn{padding:16px;font-size:14px;line-height:20px}.steps .spoiler .content{max-height:0;overflow:hidden;transition:max-height .3s ease}.steps .spoiler .content.open{max-height:1000px}.steps .spoiler .items .item{margin:0 16px 16px}.steps .spoiler .items .item:last-of-type{margin-bottom:32px}.main{justify-content:space-between;margin-bottom:90px;align-items:center;form {width: 100%; gap: 8px 12px; grid-template-columns: 49% 1fr; margin-bottom: 17px; .search {max-width: none;} .content>div {width: auto;}} >.pop-up {display: none; margin: 0; .pop-up-text {top: -16px; left: 0; transform: translate(0,-100%); width: calc(100vw - 32px); p {white-space: wrap; flex-wrap: wrap;}}} .create {height: 32px; padding: 0px 16px; span {&:first-of-type {display: none;} &:last-of-type {display: block;}}} .list {.item {>div {padding: 12px 16px;} .title {width: 100%; gap: 20px; min-height: 72px; .mobile-fee {display: inline-flex; margin-left: auto; align-items: center; gap: 6px;}} .staked {order: 0;} .select-btn {display: flex; order: 1; width: 100%; align-self: stretch; justify-content: center; margin: 8px 0 0 0;} .content {grid-template-rows: initial; order: 2; >div {padding: 16px; margin-top: 0; gap: 8px; >div:has(.pop-up) {display: flex;} >div {flex-basis: 100%; border-radius: 0; border: none; padding: 0; margin: 0; >p {display: none;} .btn-g {height: 40px; font-size: 14px;}}}}}}}}@media (hover:hover){.create:hover{background:var(--bodyText)}.main form .content>div label:hover{background-color:#544dec;color:var(--f9)}main>.steps .items .item a:hover{color:#544dec}}.main .list .item .content{max-height:0!important;overflow:hidden!important;transition:max-height .3s ease!important}.main .list .item .content.open{max-height:1000px!important}.main .list .item .content.open{max-height:1000px!important;overflow:visible!important}.main .list .item .content>div{padding-top:80px;margin-top:-80px;overflow:hidden;display:flex!important;flex-wrap:wrap!important;gap:0 24px!important;padding-inline:24px!important}.main .list .item .content{flex:1 0 100%!important;display:block!important;justify-content:normal!important;padding:0!important;border-top:1px solid transparent!important;transition:max-height .3s ease!important;z-index:1!important}.main .list .item .content>div>div{border-radius:10px;border:1px solid var(--LightGray, #efefef);padding:16px;margin:20px 0;display:flex;flex-direction:column;gap:12px;justify-content:center;flex:1 0}.main .list .item .content>div>div .btn-g{height:40px;font-size:14px;font-weight:600;border-radius:8px;border:none;background:var(--main);color:var(--white);cursor:pointer;transition:opacity .2s ease}.main .list .item .content>div>div .btn-g:hover{opacity:.9}.main .list .item .content>div>div .btn-g:disabled{opacity:.5;cursor:not-allowed}.main .list .item .content>div>div .btn-g.disabled{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}.main .list .item .content>div>div>p{color:#544dec;font-size:12px;font-weight:600;line-height:normal;white-space:nowrap;margin:0}.main .list .item .content>div>div .pop-up{color:var(--bodyText);white-space:nowrap;display:flex;align-items:center;gap:8px}.main .list .item .content>div>div .pop-up .pop-up-text{max-width:284px;bottom:calc(100% + 6px)}.main .list .item .content>div>div .pop-up span:last-of-type{margin-left:auto}.main .list .item .content>div>div .wallet-required-text{color:var(--darkGray);font-size:12px;font-weight:400;line-height:1.4;margin-top:8px;text-align:center}header .buttons .select .select-btn.wallet.disabled{opacity:.5!important;pointer-events:none!important;cursor:not-allowed!important}header .buttons .validators.loading{position:relative;cursor:not-allowed;opacity:.8}header .buttons .validators.loading .loading-text{display:inline-block;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}header .buttons .validators:disabled{cursor:not-allowed;opacity:.6}