/* Observed reference withdrawal: teal nav, white row form and black submit.
   Isolated selectors do not restyle account management or transaction records. */
.lb-reference-withdraw {
  --lb-withdraw-teal: #67b8b9;
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  max-width: none;
  margin: 0;
  padding: 0 0 env(safe-area-inset-bottom);
  background: #fff;
  color: #323233;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}
.lb-reference-withdraw *, .lb-reference-withdraw *::before, .lb-reference-withdraw *::after { box-sizing: border-box; }
.lb-reference-withdraw button, .lb-reference-withdraw input, .lb-reference-withdraw select { font: inherit; }
.lb-reference-withdraw button { cursor: pointer; }
.lb-reference-withdraw button:disabled { cursor: default; opacity: .5; }
.lb-reference-withdraw .lb-withdraw-header {
  display: grid; grid-template-columns: 72px minmax(0, 1fr) 72px;
  align-items: center; width: 100%; height: 46px;
  background: var(--lb-withdraw-teal); color: #fff;
}
.lb-reference-withdraw .lb-withdraw-header h1 { margin: 0; font-size: 16px; font-weight: 600; text-align: center; line-height: 22px; }
.lb-reference-withdraw .lb-withdraw-header button { height: 46px; padding: 0 16px; border: 0; border-radius: 0; background: transparent; color: inherit; }
.lb-reference-withdraw .lb-withdraw-back { font-size: 32px; text-align: left; line-height: 1; }
.lb-reference-withdraw .lb-withdraw-record { font-size: 12px; text-align: right; }
.lb-reference-withdraw .lb-withdraw-main, .lb-reference-withdraw .lb-withdraw-form { margin: 0; padding: 0; width: 100%; max-width: none; }
.lb-reference-withdraw .lb-withdraw-row { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; padding: 10px 16px; border: 0; background: #fff; }
.lb-reference-withdraw .lb-withdraw-label { flex: 0 0 6.2em; width: 6.2em; margin: 0; color: #646566; font-weight: 400; line-height: 24px; }
.lb-reference-withdraw .lb-withdraw-value { min-width: 0; flex: 1; color: #323233; overflow-wrap: anywhere; }
.lb-reference-withdraw .lb-withdraw-value input, .lb-reference-withdraw .lb-withdraw-value select { display: block; width: 100%; min-width: 0; min-height: 24px; margin: 0; padding: 0; border: 0; outline: none; border-radius: 0; background: transparent; box-shadow: none; color: inherit; line-height: 24px; }
.lb-reference-withdraw .lb-withdraw-value input::placeholder { color: #c8c9cc; opacity: 1; }
.lb-reference-withdraw .lb-withdraw-value input:focus-visible, .lb-reference-withdraw .lb-withdraw-value select:focus-visible { outline: 1px solid var(--lb-withdraw-teal); outline-offset: 3px; }
.lb-reference-withdraw .lb-withdraw-balance strong { font-size: 16px; font-weight: 500; }
.lb-reference-withdraw .lb-withdraw-currency { margin-left: 6px; font-size: 11px; color: #646566; }
.lb-reference-withdraw .lb-withdraw-account-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; padding: 0 16px 7px; }
.lb-reference-withdraw .lb-withdraw-account-actions button, .lb-reference-withdraw .lb-withdraw-text-button { padding: 4px 0; border: 0; border-radius: 0; background: transparent; color: #327e80; font-size: 12px; }
.lb-reference-withdraw .lb-withdraw-fees { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 12px; margin: 0; padding: 0 16px 8px; color: #969799; font-size: 11px; }
.lb-reference-withdraw .lb-withdraw-submit-wrap { padding: 16px; }
.lb-reference-withdraw .lb-withdraw-submit { display: block; width: 100%; min-height: 44px; margin: 0; padding: 8px 16px; border: 1px solid #000; border-radius: 999px; background: #000; color: #fff; font-size: 14px; font-weight: 400; text-align: center; }
.lb-reference-withdraw .lb-withdraw-note { margin: 0; padding: 0 16px 16px; color: #969799; font-size: 11px; line-height: 1.6; }
.lb-reference-withdraw .lb-withdraw-error, .lb-reference-withdraw .lb-withdraw-account-error { margin: 0; padding: 8px 16px; color: #b64b3f; font-size: 12px; }
.lb-reference-withdraw .lb-withdraw-account-error { color: #969799; }
.lb-reference-withdraw .lb-withdraw-state { padding: 40px 16px; color: #969799; text-align: center; }
.lb-reference-withdraw .lb-withdraw-state p { margin: 0 0 12px; }
.lb-reference-withdraw .lb-withdraw-result { padding: 24px 16px; }
.lb-reference-withdraw .lb-withdraw-result h2 { margin: 0 0 6px; font-size: 18px; font-weight: 500; }
.lb-reference-withdraw .lb-withdraw-result > p { margin: 0; color: #969799; font-size: 12px; }
.lb-reference-withdraw .lb-withdraw-result dl { margin: 20px 0; }
.lb-reference-withdraw .lb-withdraw-result dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; }
.lb-reference-withdraw .lb-withdraw-result dt { color: #646566; }
.lb-reference-withdraw .lb-withdraw-result dd { margin: 0; overflow-wrap: anywhere; text-align: right; }
.lb-reference-withdraw .lb-withdraw-result > .lb-withdraw-text-button { display: block; margin: 12px auto 0; }
@media (max-width: 360px) {
  .lb-reference-withdraw .lb-withdraw-row { gap: 8px; padding-inline: 12px; }
  .lb-reference-withdraw .lb-withdraw-label { flex-basis: 5.5em; width: 5.5em; }
}