@layer components{.fa-conv{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:20px;display:grid}.fa-field{border-bottom:1px solid var(--linha-forte);transition:border-color .2s var(--curva);padding-bottom:10px;display:block}.fa-field:focus-within{border-color:var(--roxo-100)}.fa-field>.fa-small{margin-bottom:8px;display:block}.fa-field-line{align-items:center;gap:12px;display:flex}.fa-field input{width:100%;min-width:0;font:inherit;letter-spacing:-.025em;color:#fff;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0;font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.15}.fa-swap{border:1px solid var(--linha-forte);color:#fff;width:48px;height:48px;transform:rotate(calc(90deg + var(--turns,0) * 180deg));transition:transform .5s var(--curva), border-color .2s var(--curva);background:0 0;border-radius:999px;place-items:center;margin-bottom:6px;display:grid}.fa-swap:hover{border-color:#ffffff40}.fa-swap:focus-visible{border-radius:999px}.fa-conv-rate{min-height:1.3em;margin-top:16px}.fa-conv-rate [data-value]{color:var(--cinza-1)}.fa-unit{border:1px solid var(--linha-forte);color:#fff;white-space:nowrap;height:40px;transition:border-color .2s var(--curva);background:0 0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:15px;font-weight:600;display:inline-flex}.fa-unit:hover,.fa-unit[data-state=open]{border-color:#ffffff40}.fa-unit:focus-visible{border-radius:999px}.fa-unit>svg{color:var(--cinza-2)}.fa-picker{z-index:85;background:var(--cartao);border:1px solid var(--linha-forte);width:320px;max-width:calc(100vw - 24px);animation:nx-rise-in .18s var(--curva) both;border-radius:16px;padding:12px;box-shadow:0 24px 60px #0009}.fa-picker[data-state=closed]{animation:nx-rise-out .18s var(--curva) both}.fa-picker-search{border:1px solid var(--linha);height:40px;color:var(--cinza-2);transition:border-color .2s var(--curva);border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:flex}.fa-picker-search:focus-within{border-color:#b99af899}.fa-picker-search input{min-width:0;font:inherit;color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:14px}.fa-picker-search input::placeholder{color:var(--cinza-2)}.fa-picker-group{letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-2);margin:14px 4px 8px;font-size:12px;font-weight:600;line-height:1.2}.fa-picker-list{overscroll-behavior:contain;max-height:min(320px,46vh);margin:0;padding:0;list-style:none;overflow-y:auto}.fa-picker-option{min-height:40px;color:var(--cinza-1);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.fa-picker-option b{color:#fff;min-width:2.6em;font-weight:600}.fa-picker-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fa-picker-option small{color:var(--cinza-2);margin-left:auto;font-size:12px}.fa-picker-option[data-active]{color:#fff;background:#ffffff0d}.fa-picker-option[aria-selected=true]{color:#fff;background:#b99af81a}.fa-picker-empty{color:var(--cinza-2);padding:12px 10px 8px;font-size:13px}.fa-fiats{grid-template-columns:1fr 1fr;column-gap:48px;display:grid}.fa-fiats>div{border-bottom:1px solid var(--linha);justify-content:space-between;align-items:baseline;gap:16px;padding:15px 0;font-size:15px;display:flex}.fa-fiats dt{color:var(--cinza-1);white-space:nowrap}.fa-fiats dt small{color:var(--cinza-2);margin-left:8px;font-size:12px}.fa-fiats dd{color:#fff;text-align:right;font-variant-numeric:tabular-nums;min-width:0;font-weight:500}.fa-fiats-note{color:var(--cinza-2);margin-top:22px;font-size:13px}.fa-conv-dash{vertical-align:middle;background:#2a2a2a;width:12px;height:1px;display:inline-block}.fa-quote-coin{align-items:center;gap:12px;margin-top:14px;display:flex}.fa-quote-coin small{letter-spacing:0;color:var(--cinza-2);font-size:15px;font-weight:500}@media (max-width:767px){.fa-conv{grid-template-columns:1fr;gap:8px}.fa-swap{transform:rotate(calc(var(--turns,0) * 180deg));justify-self:center;margin:6px 0 0}.fa-fiats{grid-template-columns:1fr}}}@media (prefers-reduced-motion:reduce){.fa-swap{transition:border-color .2s linear}.fa-picker{animation-name:nx-fade-in}.fa-picker[data-state=closed]{animation-name:nx-fade-out}}