*{margin:0;padding:0;box-sizing:border-box}.main-section{position:relative;background-color:#000000;color:white;z-index:1;padding:2rem 4rem;width:100%}.particle-container{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;z-index:0}.particle{width:1200px;height:1200px;margin-top:-700px;background:#00FF88;background:radial-gradient(circle,rgba(0,255,136,1) 0,#000000 50%);opacity:.3;filter:blur(80px);z-index:0}.main{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.main,.main-cube{width:100%;max-width:100%}.main-cube{border-radius:8px;background-color:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:1.25rem 1.5rem}.info-container{grid-column:span 2;display:flex;flex-direction:column;gap:.75rem}.info-container div{display:flex;flex-direction:column;gap:.25rem}.main-cube-4,.main-cube-5{grid-column:span 3;display:flex;flex-direction:column;gap:.75rem}@media (min-width:900px){.main{grid-template-columns:repeat(6,1fr)}.info-container{grid-column:span 2}.main-cube-4,.main-cube-5{grid-column:span 3}}.amount-input-container,.period-input-container,.stake-button{display:flex;flex-direction:row;background:rgba(255,255,255,.03);padding:.75rem 1.25rem!important;border-radius:8px;justify-content:space-between;text-align:right;align-items:center;gap:1rem;overflow:hidden}.stake-button{font-weight:500}.input-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.form-input{background:rgba(0,0,255,0);border:none;color:white;font-size:24px;font-weight:400;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;text-align:right;width:100%}.form-input:focus{border:none;outline:none}.stake-button{background:#00FF88}.stake-button,.stake-button-loading{border:none;justify-content:center;color:black}.stake-button-loading{background:#00FF88!important;font-weight:500!important}.amount-input-container img{width:52px;border-radius:100%}.amount-input-container div{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.max-balance-btn{cursor:pointer;transition:.4s}.max-balance-btn:hover{color:#00FF88}.max-balance-btn:active{transform:scale(.95)}.stakes-list{max-height:300px;overflow:auto}.empty-state,.stakes-list{display:flex;flex-direction:column;gap:1rem}.empty-state{justify-content:center;text-align:center;align-items:center;height:100%}.stake-item{background-color:rgb(255,255,255,.03);display:flex;flex-direction:column;padding:1rem;border-radius:8px;margin-right:1rem}.stake-item-header{display:flex;flex-direction:row;justify-content:space-between}.stake-dates{display:flex;flex-direction:row;gap:2rem;margin-top:.25rem}.stake-time-remaining{display:flex;flex-direction:row;gap:.25rem}.stake-date-group{gap:6px}.stake-badge,.stake-date-group{display:flex;flex-direction:row}.stake-badge{align-items:center;gap:5px;background:rgba(255,255,255,.03);padding:.25rem 1rem;border-radius:8px}@media (max-width:768px){.main-section{padding:1rem}.main{grid-template-columns:1fr}.main-cube{min-height:80px;padding:1rem}.info-container,.main-cube-4,.main-cube-5{grid-column:span 1}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important;display:none!important}input[type=number]{-moz-appearance:textfield!important;appearance:textfield!important}.form-input::-webkit-inner-spin-button,.form-input::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important;display:none!important}.form-input[type=number]{-moz-appearance:textfield!important;appearance:textfield!important}input[type=number]:focus::-webkit-inner-spin-button,input[type=number]:focus::-webkit-outer-spin-button,input[type=number]:hover::-webkit-inner-spin-button,input[type=number]:hover::-webkit-outer-spin-button{-webkit-appearance:none!important;display:none!important}