@layer components{.rates-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.rates-card-title{font-size:1rem}.rates-value{color:var(--wb-ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:.5rem;font-size:1.875rem;font-weight:700;line-height:1.15}.rates-value-none{color:var(--wb-muted)}.rates-per{color:var(--wb-muted);letter-spacing:0;font-size:.8125rem;font-weight:500;display:block}.rates-change{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-top:.25rem;font-size:.875rem;display:flex}.rates-change-label{color:var(--wb-muted);font-size:.8125rem}.rates-spark{width:100%;height:2rem;margin-top:.75rem;display:block}.rates-area{fill:color-mix(in srgb, var(--wb-primary) 16%, transparent);stroke:none}.rates-card-compact .rates-value{font-size:1.5rem}.rates-card .card-footer{font-size:.8125rem}.rates-chart{position:absolute;inset:0 0 1.5rem}.rates-chart>svg{width:100%;height:100%;overflow:visible}.rates-mark{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--wb-surface) 85%, transparent);color:var(--wb-muted);font-variant-numeric:tabular-nums;padding:0 .375rem;font-size:.75rem;position:absolute;left:.25rem}.rates-max{top:0}.rates-min{bottom:0}.rates-axis{color:var(--wb-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75rem;display:flex;position:absolute;inset:auto 0 0}.rates-chart-block[aria-busy=true] .chart-plot{opacity:.5}.rates-periods{border-radius:var(--radius-sm);background:var(--wb-surface-2);padding:.1875rem;display:inline-flex}.rates-periods a{border-radius:calc(var(--radius-sm) - 2px);color:var(--wb-text);padding:.25rem .75rem;font-size:.875rem;font-weight:500}.rates-periods a:hover{color:var(--wb-ink)}.rates-periods a[aria-current]{background:var(--wb-surface);color:var(--wb-ink);box-shadow:0 1px 2px rgb(var(--wb-shadow-color) / .15)}.rates-converter{container-type:inline-size}.rates-form{gap:.75rem;margin-top:.75rem;display:grid}@container (width>=34rem){.rates-form{grid-template-columns:minmax(6rem,.7fr) 1fr auto 1fr;align-items:end}}.rates-field{gap:.25rem;min-width:0;display:grid}.rates-field label{color:var(--wb-muted);font-size:.8125rem;font-weight:500}.rates-field :is(input,select){border:1px solid var(--wb-line-strong);border-radius:var(--radius-sm);background:var(--wb-surface);width:100%;min-height:2.75rem;color:var(--wb-ink);font-variant-numeric:tabular-nums;padding:.5rem .75rem}.rates-field :is(input,select):focus-visible{outline:2px solid var(--wb-focus);outline-offset:1px}.rates-swap{justify-self:center;min-height:2.75rem;font-size:1.25rem}.rates-result{color:var(--wb-text);font-variant-numeric:tabular-nums;grid-column:1/-1;gap:.125rem;font-size:1.125rem;display:grid}.rates-result strong{color:var(--wb-ink);font-size:1.5rem}.rates-unit-rate,.rates-note{color:var(--wb-muted);font-size:.8125rem}.rates-note{margin-top:.75rem}.rates-live .rates-submit{display:none}@container (width>=34rem){.rates-submit{grid-column:1/-1;justify-self:start}}.rates-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=48rem){.rates-strip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (width>=64rem){.rates-strip-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.rates-skeleton{background:linear-gradient(90deg, var(--wb-surface) 30%, var(--wb-surface-2) 50%, var(--wb-surface) 70%) 0 0 / 300% 100%;min-height:11rem;animation:1.4s linear infinite rates-pulse}@keyframes rates-pulse{to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.rates-skeleton{animation:none}}.rates-table td,.rates-table th{font-variant-numeric:tabular-nums}.rates-tools{gap:1rem;display:grid}@media (width>=48rem){.rates-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}}