.jsonViewer {
    position: relative;

    &__string {
        color: #4b5563;
    }

    &__toggle {
        font-size: 0.75rem;
        color: #2563eb;
        background: none;
        border: none;
        cursor: pointer;
        font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
        padding: 0;

        &:hover {
            color: #1d4ed8;
        }
    }

    &__content {
        position: relative;
    }

    &__collapse-btn {
        position: absolute;
        left: -1rem;
        top: 0;
        color: #9ca3af;
        background: none;
        border: none;
        cursor: pointer;
        font-size: 0.75rem;
        padding: 0;
    }

    &__collapse-btn:hover {
        color: #4b5563;
    }

    &__pre {
        font-size: 0.75rem;
        font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
        color: #374151;
        white-space: pre-wrap;
        overflow-x: auto;
        margin: 0;
    }
}
