.htmx-indicator {
    display: none;
}

.htmx-indicator.htmx-request {
    display: flex;
}

.am-load-demo {
    display: flex;
    flex-direction: column;
    gap: var(--am-space-3);
    width: 100%;
    max-width: 24rem;
}

.am-load-idle {
    margin: 0;
    color: var(--am-color-text-muted);
}

.am-copy-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--am-space-3);
    width: 100%;
}

.am-live-update {
    padding: var(--am-space-3) var(--am-space-4);
    background-color: var(--am-color-surface-muted);
    border-radius: var(--am-radius-md);
}

.am-copy-text {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: var(--am-space-3) var(--am-space-4);
    background-color: var(--am-color-surface-muted);
    border-radius: var(--am-radius-md);
    overflow-x: auto;
    user-select: all;
}

.am-copy-status {
    flex-basis: 100%;
    margin: 0;
    min-height: var(--am-space-5);
    font-size: var(--am-font-size-interface);
}

.am-copy-done {
    color: var(--am-color-success-strong);
}

.am-copy-failed {
    color: var(--am-color-danger-strong);
}