.h2hLiquidity{background:#fff;border:1px solid #d5e3da;border-radius:15px;overflow:hidden;box-shadow:0 10px 28px #18372a0d}
.h2hLiquidity>header{display:flex;align-items:center;gap:18px;padding:17px 19px;background:linear-gradient(110deg,#f3faf6,#edf8f1);border-bottom:1px solid #dce8df}
.h2hLiquidity>header>div{display:grid;gap:3px;margin-right:auto}
.h2hLiquidity>header small{color:#087d30;font-size:10px;font-weight:900;letter-spacing:.09em}
.h2hLiquidity>header h2{margin:0;color:#173b2b;font-size:20px}
.h2hLiquidity>header p{margin:0;color:#667d71;font-size:13px}
.h2hLiquidity>header button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#087d30;cursor:pointer;background:#fff;border:1px solid #9fc9ad;border-radius:9px;padding:10px 14px;font-weight:850;min-width:165px}
.h2hLiquidity>header button:disabled{opacity:.55;cursor:not-allowed}
.h2hLiquidity>header button span{display:inline-block;font-size:18px;line-height:1}
.h2hLiquidity>header button.is-loading span{animation:h2hLiquiditySpin .75s linear infinite}
.h2hLiquidityRefreshProgress{position:relative;overflow:hidden;padding:9px 16px 10px 42px;background:#ecf8f0;color:#087d30;border-bottom:1px solid #cfe7d7;font-size:12px;font-weight:800}
.h2hLiquidityRefreshProgress:before{content:"";position:absolute;left:16px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid #9fd5b1;border-top-color:#07913a;border-radius:50%;animation:h2hLiquiditySpin .75s linear infinite}
.h2hLiquidityRefreshProgress:after{content:"";position:absolute;left:0;bottom:0;width:38%;height:3px;background:linear-gradient(90deg,transparent,#12a84a,transparent);animation:h2hLiquiditySweep 1.1s ease-in-out infinite}
@keyframes h2hLiquiditySpin{to{transform:rotate(360deg)}}
@keyframes h2hLiquiditySweep{from{transform:translateX(-110%)}to{transform:translateX(360%)}}
.h2hLiquidityWarning{margin:14px 16px 0;padding:10px 12px;border:1px solid #eccb86;border-radius:9px;background:#fff7e6;color:#855805;font-size:12px;font-weight:750}
.h2hLiquidityTotals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}
.h2hLiquidityTotals article{display:grid;gap:4px;padding:14px 16px;border:1px solid #dce8df;border-radius:12px;background:#fbfdfc}
.h2hLiquidityTotals article.available{background:#eaf8ef;border-color:#a9d7b8}
.h2hLiquidityTotals small{color:#667d71;font-size:10px;font-weight:900;letter-spacing:.05em}
.h2hLiquidityTotals strong{color:#173b2b;font-size:24px;line-height:1.15}
.h2hLiquidityTotals article.available strong{color:#087d30}
.h2hLiquidityTotals span{color:#718279;font-size:12px}
.h2hLiquidityTable{border-top:1px solid #dce8df;overflow-x:auto}
.h2hLiquidityTable>div,.h2hLiquidityTable>article{display:grid;grid-template-columns:1.45fr 1fr .78fr .9fr 1.15fr;align-items:center;gap:12px;min-width:930px;padding:12px 16px;border-bottom:1px solid #e3ece6}
.h2hLiquidityTable>div{color:#60766b;background:#edf5f0;text-transform:uppercase;font-size:10px;font-weight:900}
.h2hLiquidityTable>article>span{display:grid;gap:3px;min-width:0}
.h2hLiquidityTable>article b{color:#1e3329}
.h2hLiquidityTable>article small,.h2hLiquidityTable>article em{color:#718279;font-size:11px;font-style:normal}
.h2hLiquidityTable>article.legacy{background:#fffaf0}
.h2hLiquidityTable>article .negative b{color:#b42318}
.h2hLiquidityTable>p{margin:0;padding:28px;text-align:center;color:#718279}
.h2hLiquidityNotices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 16px;background:#fbfcfb}
.h2hLiquidityNotices p{display:grid;gap:3px;margin:0;padding:11px 13px;border:1px solid #edd49d;border-radius:10px;background:#fff9ec}
.h2hLiquidityNotices b{color:#7b5208;font-size:12px}
.h2hLiquidityNotices span{color:#775f33;font-size:11px}
.h2hLiquidity>footer{padding:11px 16px;background:#f5faf7;color:#60766b;font-size:11px;border-top:1px solid #dce8df}
@media(max-width:900px){.h2hLiquidityTotals{grid-template-columns:1fr}.h2hLiquidityNotices{grid-template-columns:1fr}}
@media(max-width:720px){.h2hLiquidity>header{align-items:stretch;flex-direction:column}.h2hLiquidity>header button{width:100%}.h2hLiquidityTotals{padding:12px}.h2hLiquidityTotals strong{font-size:21px}}