.ydb-fixed-height-query {
    position: relative;

    overflow: hidden;

    max-width: 100%;

    // Target the YDBSyntaxHighlighter wrapper
    > div {
        overflow: hidden;

        height: 100%;

        text-overflow: ellipsis;

        // Target the ReactSyntaxHighlighter pre element
        pre {
            // stylelint-disable-next-line value-no-vendor-prefix
            display: -webkit-box !important;
            -webkit-box-orient: vertical !important;
            -webkit-line-clamp: var(--line-clamp, 4) !important;
            overflow: hidden !important;

            height: 100% !important;
            margin: 0 !important;
            padding: 0 !important;

            white-space: pre-wrap !important;
            text-overflow: ellipsis !important;
            word-break: break-word !important;
        }

        // Target code elements within
        code {
            overflow: hidden !important;

            white-space: pre-wrap !important;
            text-overflow: ellipsis !important;
            word-break: break-word !important;
        }
    }
    .ydb-syntax-highlighter__copy {
        top: 0;
        right: 0;
    }
}