.hero-converter[data-astro-cid-phwj7lr2]{-webkit-backdrop-filter:blur(20px)saturate(1.5);border-radius:var(--radius-lg);background:#ffffffa6;border:1px solid #d0d0d0;width:100%;max-width:640px;margin:0 auto;padding:20px;box-shadow:0 1px 3px #0000000f,0 8px 32px #00000014}.dark .hero-converter[data-astro-cid-phwj7lr2]{background:#0a0a0ab3;border-color:#222c;box-shadow:0 1px 3px #0003,0 8px 32px #0006}.hero-converter__category[data-astro-cid-phwj7lr2]{margin-bottom:16px}.hero-converter__label[data-astro-cid-phwj7lr2]{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-mute);letter-spacing:.02em;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.hero-converter__select[data-astro-cid-phwj7lr2]{background-color:var(--color-elevated);width:100%;color:var(--color-ink);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%238f8f8f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #cdcdcd;outline:none;padding:8px 32px 8px 12px;font-size:14px;line-height:20px;transition:border-color .15s}.dark .hero-converter__select[data-astro-cid-phwj7lr2]{border-color:var(--color-hairline)}.hero-converter__select[data-astro-cid-phwj7lr2]:focus{border-color:var(--color-ink)}.hero-converter__select--category[data-astro-cid-phwj7lr2]{font-weight:500}.hero-converter__select[data-astro-cid-phwj7lr2] option[data-astro-cid-phwj7lr2]{background-color:var(--color-elevated);color:var(--color-ink)}.hero-converter__row[data-astro-cid-phwj7lr2]{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;display:grid}@media (width<=540px){.hero-converter__row[data-astro-cid-phwj7lr2]{grid-template-columns:1fr;gap:8px}.hero-converter__swap[data-astro-cid-phwj7lr2]{justify-self:center;transform:rotate(90deg)}}.hero-converter__field[data-astro-cid-phwj7lr2]{flex-direction:column;gap:6px;display:flex}.hero-converter__input[data-astro-cid-phwj7lr2]{background-color:var(--color-elevated);width:100%;color:var(--color-ink);border-radius:var(--radius-sm);font-family:var(--font-sans);letter-spacing:-.5px;border:1px solid #cdcdcd;outline:none;padding:10px 12px;font-size:22px;font-weight:600;line-height:1.2;transition:border-color .15s}.dark .hero-converter__input[data-astro-cid-phwj7lr2]{border-color:var(--color-hairline)}.hero-converter__input[data-astro-cid-phwj7lr2]:focus{border-color:var(--color-ink)}.hero-converter__input[data-astro-cid-phwj7lr2]::placeholder{color:var(--color-faint)}.hero-converter__input--result[data-astro-cid-phwj7lr2]{background-color:var(--color-hairline-soft);cursor:default;color:var(--color-ink);font-weight:700}.dark .hero-converter__input--result[data-astro-cid-phwj7lr2]{color:var(--color-ink);background-color:#141414cc}.hero-converter__input[data-astro-cid-phwj7lr2][type=number]::-webkit-inner-spin-button,.hero-converter__input[data-astro-cid-phwj7lr2][type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hero-converter__input[data-astro-cid-phwj7lr2][type=number]{-moz-appearance:textfield}.hero-converter__swap[data-astro-cid-phwj7lr2]{border-radius:var(--radius-full);border:1px solid var(--color-hairline);background-color:var(--color-elevated);width:36px;height:36px;color:var(--color-mute);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:30px;transition:all .2s;display:flex}.hero-converter__swap[data-astro-cid-phwj7lr2]:hover{border-color:var(--color-ink);color:var(--color-ink);transform:rotate(180deg)}@media (width<=540px){.hero-converter__swap[data-astro-cid-phwj7lr2]{margin-bottom:0}.hero-converter__swap[data-astro-cid-phwj7lr2]:hover{transform:rotate(90deg)rotate(180deg)}}.hero-converter__footer[data-astro-cid-phwj7lr2]{border-top:1px solid var(--color-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.hero-converter__formula[data-astro-cid-phwj7lr2]{font-family:var(--font-mono);color:var(--color-mute);margin:0;font-size:12px;line-height:1.4}.hero-converter__go[data-astro-cid-phwj7lr2]{color:var(--color-link);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;transition:gap .15s;display:inline-flex}.hero-converter__go[data-astro-cid-phwj7lr2]:hover{gap:8px;text-decoration:underline}
