


.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field label{display:block;font-size:var(--t1);letter-spacing:.15em;color:#6f7686;margin-bottom:6px}
.field .box{display:flex;align-items:center;gap:8px;border-radius:9px;padding:9px 11px;
  background:linear-gradient(180deg,#080a0e,#0c0e14 46%,#0f1219);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.88),inset 0 -1px 0 rgba(198,205,225,.07)}
.field .box input{flex:1;min-width:0;background:none;border:0;outline:none;color:#e8ecf4;
  font-family:var(--serif);font-size:17px;font-variant-numeric:lining-nums tabular-nums}
.field .box .u{font-size:var(--t1);letter-spacing:.1em;color:#6f7686}
.field .box input.txt{font-family:var(--sans);font-size:14px}

.field .sub{margin-top:6px}
.field .box.pi-again{box-shadow:inset 0 2px 5px rgba(0,0,0,.88),inset 0 -1px 0 rgba(198,205,225,.07),
  0 0 0 1px rgba(201,163,92,.5)}                     
.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}


.field .box.fixed{background:none;box-shadow:inset 0 0 0 1px rgba(35,40,56,.9)}
.field .box.fixed input{color:#aab2c4}
.fields > * + *{margin-top:12px}

.field .box input::placeholder{color:#5f6675;opacity:1}
.field .box input.dots{font-size:8px;letter-spacing:.42em;color:#aab2c4;height:20px}   
.grid2 .field .box{min-height:40px}                  


.field.fx .fxv{min-height:40px;display:flex;align-items:center;font-size:13px;color:#dfe3ec}
