@charset "UTF-8";

      body {
        width: 100%;
        margin: 0;
        color: #333;
        font-family: sans-serif;
      }

      .wrapper {
        width: 960px;
        max-width: 850px;
        margin: 0 auto;
      }

      .wrapper .inner {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 2px;
        /*align-items: center;*/
        align-items: flex-start;
      }
      
      .wrapper .inner {
        display: grid;
        /* grid-template-columns: repeat(4, 1fr); */
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 2px;
        /*align-items: center;*/
        align-items: flex-start;
      }

      #gasX {
        display: block;
        width: 220px;
        /*float:right;
	margin-right:100px;*/
      }

      .grid-item {
        width: 100%;        
        height:600px;
        height:300px;
      }
      
      .grid-item.debug {
        border: 1px dashed red;
      }

      #gas span {}

      #eth p,
      #sumTotal p,
      #block-native p,
      #gas p,
      /* #solana-output p, */
      #output-base p,
      #output p {
        margin: 0;
        margin-bottom: 5px;
      }

      .bn-base,
      .gwei-base,
      .total-base,
      .sumTotal-base,
      .ethPrice-base,
      .account-base,
      .bn,
      .gwei,
      .total,
      .sumTotal,
      .ethPrice,
      .account {
        font-size: 1em;
        display: inline-block;
        /* width: 100px; */
        text-align: right;
        text-align: left;
      }
      #tSum-base,
      .eth-base,
      .usdSum-base,.usdSum-sol,
      .baseSum,
      .balance-base,
      #tSum,
      .eth,.sol,
      .usdSum,
      .sum,
      .balance {
        font-weight: bold;
      }
      /* #total span, */
      #tSum-base,
      .baseSum,
      #tSum,
      .sum {
        border:1px solid #ccc;
        padding:2px;
      }

      #output-base+hr,
      /* #solana-output+hr, */
      #output-sol+hr,
      #output+hr {
        width: 250px;
        margin: 0;
        margin-bottom: 6px;
      }
 
	  #buttons {
    display:block;
    text-align:center;
    /* float:right; */
    /* margin-right:45%; */
   
    }
    
   #buttons.debug {
    border: 1px dashed blue;
	  }
    
   #clock,
	  #refresh {
 
   }
    
	  small {font-size:14px;}
	  
	  .safe {
		background-color:#5aea98;
    }
   .safe-gas {
 		border-bottom:2px solid #5aea98; 
	  }

#Xeth {
    float: right;
    position: absolute;
    top: 26px;
    /* right: 50vw; */
    right: 10vw;
    /* text-align:center; */
    /* text-align:right; */
    padding:5px;
    
    /* border:1px dashed red; */
}

#Xsol {
    float: right;
    position: absolute;
    top: 66px;
    /* right: 70vw; */
    right: 10vw;
    /* text-align:center; */
    /* text-align:right; */
    padding:5px;
    
    /* border:1px dashed red; */
}

#Xeth,#Xsol {
  width:230px;
  height:30px;
  border: 2px solid #5aea98;
    padding:2px;
}

#eth #calc {
  font-size:12px;
  /* border:1px dashed blue; */
  width:100%;
  max-width:250px;
  margin:0;padding:2px;
}
#eth #calc input,
#eth #calc span {
  width:30%;
  max-width:30%;
  display:inline-block;
  padding:2px;
  /* border:1px dashed green; */
}
/* calcOutput */
#eth #calc span#calcOutput {
  max-width:86px;
  font-size:14px;
  border-bottom:1px dashed #5aea98;
}
.sol,
.eth {
    /* border: 2px solid #5aea98;
    padding:2px; */
    /* display:block; */
    /* width:100%; */
}
#tSum-base,
#total-base .baseSum,
.max .account-base,
#tSum,
#total .sum,
.max .account {
  background:yellow;
}
.min .account-base,
.min .account {
  background: pink;
}
#sumTotal-base .usdSum-base,.usdSum-sol,
#sumTotal .usdSum,
.max .balance-base,
.max .balance {
  /* border:2px solid yellow; */
}

#sumTotal-base .usdSum-base,.usdSum-sol,
#sumTotal .usdSum{
  padding:2px;
}

.min .balance-base,
.min .balance {
  /* border:2px solid pink; */
}

.min .balance-base,
.max .balance-base,
.min .balance,
.max .balance {
  /* margin-right:-2px; */
  /* margin-left:-2px; */
}
#theTotal-base, #total-base .baseSum, .max .account-base {
    background: yellow;
}
#theTotal-base {
font-weight:bold;
}
#total-base p,
#total p {
 margin:0;padding:0;
}
#total-base span,
#total span {
  display:inline-block;
}
#total-base span.total-title-base,
#total-base span.sumTotal-base,
#total span.total-title,
#total span.sumTotal  {
    text-align:right;
  /* width:100px; */
  text-align:right;
}
#total-base span#theTotal-base,
#total-base span.usdSum-base,.usdSum-sol,
#total span#theTotal,
#total span.usdSum {
  /* margin-left:10px; */
  /* width:60px; */
}

.wallet {
    display: flex;
    align-items: center;
    font-family: monospace;
    font-size:14px;
}

.wallet-name {
    margin-right: 5px;
}

.wallet-leader {
    flex-grow: 1;
    border-bottom: 1px dotted #000; /* Creates the dot leader */
    margin: 0 5px;
    height: 0.5em; /* Adjust for visual appearance */
}

.wallet-balance {
    margin-right: 5px;
}

.wallet-usd {
    margin-left: 5px;
}