/* Só o que é exclusivo desta ferramenta. Classes começam com "cur-" para não colidir com o resto do site. */

.cur-row { grid-template-columns: 1fr; align-items: end; }
@media (min-width: 640px) { .cur-row { grid-template-columns: 1fr 56px 1fr; } }
.cur-swap { min-width: 48px; padding: 0; justify-self: center; font-size: 1.3rem; margin-bottom: 14px; }

.cur-status { min-height: 1.2em; }
.cur-status.cur-loading::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border-radius: 50%;
    border: 2px solid color-mix(in srgb, var(--a) 35%, transparent);
    border-top-color: var(--a);
    vertical-align: -2px;
    animation: cur-spin .7s linear infinite;
}
@keyframes cur-spin { to { transform: rotate(360deg); } }

.cur-all-title { font-size: 1.1rem; margin-top: 28px; }
.cur-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.cur-table td { padding: 8px 4px; border-bottom: 1px solid var(--border); }
.cur-table td:last-child { text-align: right; font-weight: 600; word-break: break-all; }