.mw-currency-setting{
  margin-top:14px;
  border:1px solid #294563;
  border-radius:14px;
  background:#0f2740;
  overflow:hidden;
}

.mw-currency-summary{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:13px 14px;
}

.mw-currency-icon{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(255,122,0,.32);
  border-radius:11px;
  background:rgba(255,122,0,.10);
  color:#ff9a3c;
  font-size:16px;
  font-weight:950;
}

.mw-currency-copy{min-width:0}

.mw-currency-label{
  color:#f8fafc;
  font-size:13px;
  font-weight:900;
}

.mw-currency-value{
  margin-top:3px;
  color:#dce8f4;
  font-size:13px;
  font-weight:800;
}

.mw-currency-help{
  margin-top:3px;
  color:#91a8be;
  font-size:11px;
  line-height:1.35;
}

.mw-currency-change{
  min-width:76px;
}

.mw-currency-editor{
  padding:13px 14px 14px 68px;
  border-top:1px solid #294563;
  background:#0c2238;
}

.mw-currency-editor[hidden]{display:none!important}

.mw-currency-editor label{
  display:block;
  margin-bottom:7px;
  color:#9fb0c5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.mw-currency-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
}

.mw-currency-row select{
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:1px solid #35536e;
  border-radius:10px;
  background:#173552;
  color:#f8fafc;
  font:800 13px/1.2 Inter,Arial,sans-serif;
  outline:none;
}

.mw-currency-row select:focus{
  border-color:#ff7a00;
  box-shadow:0 0 0 3px rgba(255,122,0,.14);
}

.mw-currency-warning{
  margin-top:9px;
  color:#91a8be;
  font-size:10px;
  line-height:1.4;
}

.mw-currency-warning strong{color:#ffad61}

@media(max-width:760px){
  .mw-currency-setting{margin-top:12px}

  .mw-currency-summary{
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:10px;
    padding:12px;
  }

  .mw-currency-icon{width:38px;height:38px}
  .mw-currency-help{display:none}
  .mw-currency-change{min-width:68px;padding-left:10px;padding-right:10px}

  .mw-currency-editor{
    padding:12px;
  }

  .mw-currency-row{
    grid-template-columns:1fr 1fr;
  }

  .mw-currency-row select{
    grid-column:1/-1;
  }

  .mw-currency-row .btn{
    width:100%;
    min-height:42px;
  }
}