/* Compact desk. Loaded last; important so it beats later utility sheets. */

:root {
  --lfqp-blur: 14px;
}

.panel,
.glass-bar,
.lfqp-menubar,
.well {
  border-radius: 0.8rem !important;
}

.panel,
.glass-bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 24px -20px rgb(16 36 64 / 0.32) !important;
}

.lfqp-topbar {
  height: 0.25rem !important;
}

.lfqp-profile-bar {
  height: 3.5rem !important;
  min-height: 3.5rem !important;
  overflow: visible !important;
  justify-content: center !important;
}

.lfqp-profile-bar a {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 2.5rem !important;
}

.lfqp-swipe-page {
  gap: 0.65rem !important;
  padding-inline: 0.8rem !important;
  padding-bottom: 0.85rem !important;
}

.relative.pb-44 {
  padding-bottom: 5.75rem !important;
}

@media (min-width: 640px) {
  .lfqp-swipe-page {
    gap: 0.8rem !important;
    padding-inline: 1rem !important;
  }
  .relative.pb-44 {
    padding-bottom: 4.75rem !important;
  }
}

.p-5 {
  padding: 0.75rem !important;
}

.p-6,
.p-8 {
  padding: 0.9rem !important;
}

.px-5 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.pt-5 {
  padding-top: 0.65rem !important;
}

.gap-6,
.gap-8,
.gap-5 {
  gap: 0.65rem !important;
}

.gap-4 {
  gap: 0.5rem !important;
}

.mt-4,
.mt-5,
.mt-6,
.mt-8 {
  margin-top: 0.55rem !important;
}

.py-8 {
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
}

.text-4xl {
  font-size: 1.65rem !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
}

.text-3xl {
  font-size: 1.4rem !important;
  line-height: 1.12 !important;
}

.text-2xl {
  font-size: 1.15rem !important;
  line-height: 1.2 !important;
}

.h-12,
.h-11 {
  height: 2.65rem !important;
}

.min-h-11 {
  min-height: 2.5rem !important;
}

#lfqp-login {
  padding-top: 0.85rem !important;
  padding-bottom: 1.25rem !important;
}

#lfqp-login img {
  width: 4.25rem !important;
  height: 4.25rem !important;
}

#lfqp-login h1 {
  margin-top: 0.35rem !important;
  font-size: 1.55rem !important;
  letter-spacing: 0.14em !important;
}

#lfqp-login .login-card {
  margin-top: 0.7rem !important;
}

.login-tabs {
  margin-bottom: 0.55rem !important;
}

.lfqp-menubar {
  width: min(25.5rem, calc(100% - 0.75rem)) !important;
  gap: 0.1rem !important;
  padding: 0.14rem !important;
}

.lfqp-swipe-thumb,
.lfqp-menubar-btn {
  height: 2.2rem !important;
}

.lfqp-menubar-slot {
  bottom: max(0.1rem, env(safe-area-inset-bottom)) !important;
}

.lfqp-site-footer nav {
  gap: 0.1rem 0.65rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.canopy-photo {
  width: min(9.5rem, 54%) !important;
}

.canopy-stage {
  margin: 0 !important;
}

.lfqp-balance {
  font-size: 1.45rem !important;
  line-height: 1.05 !important;
}

.tap-mark {
  width: 6.75rem !important;
  height: 6.75rem !important;
}

.tap-qr {
  width: 8rem !important;
  height: 8rem !important;
}

.xfer-card.panel {
  border-radius: 1rem !important;
}

#lfqp-login > .relative {
  width: min(25.5rem, calc(100% - 1.25rem)) !important;
  max-width: 25.5rem !important;
  margin-inline: auto !important;
}

#lfqp-login .login-card,
#lfqp-login .login-card.panel {
  max-width: 25.5rem !important;
  border-radius: 1rem !important;
  background-color: rgba(255, 255, 255, 0.78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 16px 36px -24px rgb(16 40 70 / 0.4) !important;
}

html[data-sky="dark"] #lfqp-login .login-card,
html[data-sky="dark"] #lfqp-login .login-card.panel {
  background-color: rgba(10, 16, 32, 0.88) !important;
}

#lfqp-login form,
#lfqp-login .grid {
  gap: 0.45rem !important;
}

.mb-7 {
  margin-bottom: 0.5rem !important;
}

#lfqp-login .login-polarity {
  margin-top: 0.45rem !important;
  gap: 1rem !important;
}

.explorer-desk .explorer-holder {
  grid-template-columns: 1.6rem 2.75rem minmax(0, 1fr) auto minmax(4.75rem, 34%) !important;
  overflow: visible !important;
}

.explorer-face-slot,
.explorer-profile-slot {
  position: relative;
  display: block !important;
  flex: 0 0 auto !important;
  overflow: hidden;
  border-radius: 9999px;
}

.explorer-face-slot {
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  min-height: 2.75rem !important;
}

.explorer-profile-slot,
.explorer-profile-slot .explorer-profile-face,
.explorer-profile-slot svg {
  width: 12.5rem !important;
  height: 12.5rem !important;
  min-width: 12.5rem !important;
  min-height: 12.5rem !important;
}

.explorer-face-slot svg,
.explorer-face-slot .account-face,
.explorer-face-slot .explorer-face {
  display: block !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  min-height: 2.75rem !important;
  max-width: 2.75rem !important;
  max-height: 2.75rem !important;
}

.explorer-face-photo {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  image-rendering: auto;
  image-rendering: high-quality;
  background: #fff;
  border-radius: 9999px;
}

.held-currencies,
.currency-send,
.currency-bill {
  min-width: 0;
  max-width: 100%;
}

.currency-send,
.currency-send p,
.currency-send span,
.currency-bill,
.currency-bill svg {
  overflow-wrap: anywhere;
  max-width: 100%;
}

.held-currencies .currency-send .vault-lfqp-mark {
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  max-width: 2.75rem !important;
}

.t3-node-card,
.t3-node-card.panel {
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.t3-node-card .t3-graph,
.t3-node-card .t3-graph-wrap,
.t3-node-card .t3-graph-step,
.t3-node-card .t3-graph-copy,
.t3-node-card .t3-voters,
.t3-node-card .well,
.t3-node-card p,
.t3-node-card h2,
.t3-node-card dd,
.t3-node-card li {
  min-width: 0 !important;
  max-width: 100% !important;
}

.t3-node-card .t3-graph-step {
  grid-template-columns: 1.1rem minmax(0, 1fr) !important;
}

.t3-node-card p,
.t3-node-card h2,
.t3-node-card dd,
.t3-node-card .t3-graph-title,
.t3-node-card .t3-graph-detail {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

@media (max-width: 767px) {
  .t3-node-card .t3-voters {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}