html{--c-text-primary: #a1a1a1;--c-text-secondary: #fafafa;--c-bg-primary: #1b1b1b;--c-bg-secondary: #2a2a2a;--c-bg-thirty: #232323;--c-green-light: #1ee0ac;--c-orange: #fd7913;--c-border-line: #39393b}.box{border-radius:4px;border:1px solid #39393c;background:var(--c-bg-secondary);box-shadow:0 10px 50px #0003}.divider{background:#39393c;height:1px;width:100%}.btn-secondary,.btn-primary,.btn-green-light{height:36px;padding:0 25px;border-radius:4px;font-size:14px;letter-spacing:.26px;min-width:fit-content}.btn-secondary:hover,.btn-primary:hover,.btn-green-light:hover{font-weight:500}.btn-secondary{background:var(--c-bg-secondary);color:var(--c-text-secondary)}.btn-primary{background:var(--c-orange);color:var(--c-bg-secondary)}.btn-green-light{background:var(--c-green-light);color:var(--c-bg-secondary)}.btn-border-style{border-radius:4px;border:1px solid #1ee0ac;background:#232323;box-shadow:0 7px 10px #0000003b;color:#1ee0ac;padding:7px 0;font-size:12px;font-weight:400;line-height:20px;letter-spacing:.48px;text-transform:uppercase}.btn-border-style:hover{font-weight:500}.staking>h2{color:var(--c-text-secondary);font-size:24px;font-weight:400;letter-spacing:1.65px;text-transform:uppercase}.staking .show-more{display:block;background:transparent;color:var(--c-orange);font-size:14px;font-weight:400;letter-spacing:1.65px;text-transform:uppercase;padding:15px;margin:20px auto 0}.staking .charts{display:grid;grid-template:1fr/24% calc(76% - 30px);row-gap:20px;column-gap:30px;margin-top:30px}.staking .indicators{display:flex;flex-direction:column;gap:10px}.staking .indicators h2{color:var(--c-text-secondary);font-size:14px;font-weight:400;width:150%}.staking .indicators h3{text-align:right;font-size:12px;font-weight:400}.staking .indicators h4{font-size:24px;font-weight:500;line-height:1;align-self:end}.staking .indicators li{display:grid;grid-template:repeat(2,1fr)/auto 100px;row-gap:7px;padding:20px;height:inherit}.staking .line-chart{position:relative}.staking .line-chart .title{position:absolute;top:20px;left:25px}.staking .line-chart .title h2{font-size:14px;font-weight:400}.staking .line-chart .title h3{color:#fff;font-size:20px;font-weight:500;margin-top:7px}.staking .line-chart .title h3 span{color:var(--c-green-light);font-size:12px;font-weight:500}.staking .line-chart #container-column-chart{position:relative;z-index:10}.staking .line-chart .y-axis{position:absolute;right:0;top:0;width:75px;height:100%;flex-shrink:0;border-radius:4px;border:1px solid #39393c;background:#2a2a2a;box-shadow:0 10px 50px #0003;z-index:0}.staking .line-chart>button{position:absolute;bottom:12px;right:12px;padding:5px 10px;background:transparent;cursor:pointer;z-index:100}.staking .line-chart .highcharts-range-selector-buttons .highcharts-label{display:none!important}.staking .promo.box{display:grid;grid-template:1fr/30.5% auto calc(39% - 60px) auto 30.5%;gap:15px;padding:28px 40px 20px;width:100%;height:100%;background-size:cover!important;background-repeat:no-repeat!important;margin-top:30px;background:var(--c-bg-primary)}.staking .promo.box li{text-align:center}.staking .promo.box li h2{color:var(--c-orange);font-size:20px;font-weight:400;letter-spacing:1.65px;text-transform:uppercase}.staking .promo.box li h3{color:var(--c-text-secondary);font-size:14px;font-weight:300;line-height:21.45px;margin-top:15px}.staking .promo.box .divider{position:relative;top:10%;height:80%;width:1px;background:var(--c-border-line)}.staking .stake-cards{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:30px;margin-top:30px}.staking .stake-cards .card{display:flex;flex-direction:column;padding:20px;width:100%;height:100%}.staking .stake-cards .card img{margin:0 auto}.staking .stake-cards .card h2,.staking .stake-cards .card h3,.staking .stake-cards .card h4{text-align:center;font-weight:400}.staking .stake-cards .card h2{color:var(--c-text-secondary);font-size:18px;font-weight:500;margin-top:15px}.staking .stake-cards .card h3{font-size:14px;margin-top:8px}.staking .stake-cards .card h4{color:var(--c-green-light);font-size:15px;margin-top:9px}.staking .stake-cards .card button{margin-top:20px;height:52px;color:#000;font-size:20px;letter-spacing:.48px;text-transform:uppercase}@media (max-width: 1170px){.staking .indicators li{grid-template:repeat(4,auto)/auto;row-gap:0px;padding:10px}}@media (max-width: 768px){.staking .charts{display:grid;grid-template:repeat(2,auto)/1fr}.staking .indicators{gap:20px}.staking .indicators li{grid-template:repeat(2,1fr)/auto 300px;row-gap:7px;padding:20px}.staking .promo.box{gap:20px;grid-template:repeat(5,auto)/1fr}.staking .promo.box .divider{position:relative;left:10%;width:80%;height:1px;background:var(--c-border-line)}.staking .stake-cards{display:grid;grid-template:repeat(5,1fr)/repeat(2,1fr)}}@media (max-width: 600px){.staking .line-chart .title{position:relative;display:flex;align-items:end;gap:20px;margin-bottom:20px}.staking .line-chart .title h3{font-size:16px}.staking .indicators{gap:20px}.staking .indicators li{grid-template:repeat(2,1fr)/auto 180px}.staking .promo.box{gap:20px;padding:28px 20px 20px}}@media (max-width: 600px){.staking .stake-cards{display:grid;grid-template:repeat(9,1fr)/repeat(1,1fr);grid-auto-rows:auto}}