.main__content h2 {
    margin-top: 0;
}

table {
    width: 100% !important;
}

table thead {
    text-align: left;
    background-color: var(--white-40)
}

table thead th {
    font-weight: 600;
}

table code {
    font-family: Inter,sans-serif;
    background-color: var(--white-40);
}

table tr {
    position: relative;
    transition: .3s
}

table tr:hover td.table-ref {
    opacity: 1;
    visibility: visible
}

table tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--white-80)
}

table tbody tr:hover {
    background-color: var(--white-40)
}

table tbody tr:hover td {
    border-color: #2f3033
}

table td {
    vertical-align: baseline;
    line-height: 1.75;
}

table td p {
    margin: 0;
    max-width: 90%
}

table span a {
    display: inline-block;
}

table span a:hover {
    color: #fff !important;
}

table a:hover > code {
    color: #fff !important;
}

.table-wrap table tr td:not(:first-child) > code {
    background-color: var(--white-160);
}

.table-wrap table tbody tr:hover > td:first-child > code {
    background: var(--white-160)
}

.main__content .wpb_text_column p code {
    background-color: var(--white-80);
    color: var(--white);
    transition: .2s;
    display: inline-flex;
    align-items: center;
    word-break: break-word;
    white-space: normal;
    width: -moz-fit-content;
    width: fit-content;
    font-family: inherit;
}

.main__content .example,
.main__content .example__content {
    display: none !important;
}

.rightbar.rightbar--single .example__content .example__code {
    max-height: 60vh;
}

.search__results:not(.active) {
    display: none;
}

.search__results.active {
    display: block;
}

.examples-wrapper .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.clients-wrapper .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


.fold-toggle {
    cursor: pointer;
    color: #888;
    user-select: none;
    position: relative;
}

.hljs-fold.collapsed > *:not(.fold-visible) {
    display: none;
}
.hljs-fold.collapsed {
    display: inline-flex;
}
.hljs-fold.collapsed > .fold-open::after {
    content: " … ";
    color: #aaa;
}


tr.highlighted {
    animation: highlightBlink 1.5s ease-in-out 3;
}

tr.highlighted td:first-child > code {
    animation: highlightBlinkLime 1.5s ease-in-out 3;
}


@keyframes highlightBlink {
    0%   { background-color: transparent; }
    25%  { background-color: var(--white-40); }
    50%  { background-color: transparent; }
    75%  { background-color: var(--white-40); }
    100% { background-color: transparent; }
}

@keyframes highlightBlinkLime {
    0%   { background-color: transparent; }
    25%  { background-color: var(--lime); color: var(--black); }
    50%  { background-color: transparent; }
    75%  { background-color: var(--lime); color: var(--black); }
    100% { background-color: transparent; }
}


@media (max-width: 1600px) {
    .clients-wrapper .wpb_wrapper,
    .examples-wrapper .wpb_wrapper {
        grid-template-columns: repeat(2,1fr)
    }

}

@media (max-width: 767px) {
    .clients-wrapper .wpb_wrapper,
    .examples-wrapper .wpb_wrapper {
        grid-template-columns: 1fr
    }

}

@media (min-width: 993px) {
    .rightbar {
        overflow: hidden;
    }

    .example {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        transition: transform .4s ease;
    }

    .example:not(.active) {
        transform: translateY(100%);
    }

    .example.active {
        transform: translateY(0);
    }

    .example.active .example__code {
        max-height: 100%;
        height: 100%;
    }

    .example.active:has(.example__placeholder) {
        height: auto;
        transition: none;
        transform: translateY(0) !important;
    }

}

/* JSON code toggler*/
.rightbar .example__copy-button {
    display: none;
}

#example-code > .example__content {
    position: relative;
}

.example--json > .example__content {
    position: relative;
}

.ace-one-dark,
.ace-monokai {
    background-color: #222327;
}
.ace_static_highlight {
    font-size: 12px;
}

.example__code:not(.example__code-json) .ace-one-dark {
    background-color: transparent;
}

.ace-one-dark .ace_gutter {
    background: #2d2e32;
    color: #9e9e9e;
}

/*.ace-wrapper {*/
/*   margin-bottom: 0;*/
/*}*/

.ace-wrapper,
.ace-wrapper > div {
    height: 100%; /* або 100% у flex-контейнері */
    width: 100%;
}

@media (max-width: 64rem) {
    .ace-copy-btn {
        top: 1.75rem !important;
        right: 1.75rem !important;
    }
}

.language-json.hljs {
    position: relative;
    /*padding-left: 2em;*/
}

.language-json.hljs .fold-toggle{
    /*position: absolute;*/
    /*left: 0;*/
    /*top: auto;*/
}

.language-json .hljs-fold .fold-toggle {
    margin-left: -3px;
    transform: rotate(90deg);
}

.language-json .hljs-fold.collapsed .fold-toggle {
    transform: rotate(180deg);
    margin-left: 0;
    margin-top: -3px;
}

/*Floating buttons fixed*/
.action-buttons .action-buttons__button--chat {
    visibility: hidden;
}

/*.intercom-lightweight-app-launcher {*/
/*    width: 3.75vw !important;*/
/*    height: 3.75vw !important;*/
/*    max-width: 100% !important;*/
/*    max-height: 100% !important;*/
/*    right: 1.875vw !important;*/
/*    bottom: 2.3958333333vw !important;*/
/*}*/

/*.intercom-lightweight-app-launcher-icon {*/
/*    width: 3.75vw !important;*/
/*    height: 3.75vw !important;*/
/*}*/

.intercom-lightweight-app-launcher {
    width: 3.6rem !important;
    height: 3.6rem !important;
    max-width: 100% !important;
    max-height: 100% !important;
    right: 1.8rem !important;
    bottom: 2.3rem !important;
}

.intercom-lightweight-app-launcher-icon {
    width: 3.6rem !important;
    height: 3.6rem !important;
}

.customize-support.overflow-hidden .intercom-app [class^="intercom-with-namespace-"],
.customize-support.overflow-hidden .intercom-lightweight-app-launcher{
    right: 26.5rem !important;
}

.intercom-messenger-frame + [class^="intercom-with-namespace-"] {
    width: 3.6rem !important;
    height: 3.6rem !important;
    right: 1.8rem !important;
    bottom: 2.3958333333vw !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.intercom-messenger-frame {
    bottom: calc(2.3958333333vw + 3.6rem + 16px) !important;
}

.customize-support.overflow-hidden .intercom-messenger-frame + [class^="intercom-with-namespace-"] {
    right: 26.5rem !important;
}

.customize-support.overflow-hidden .intercom-messenger-frame {
    right: 26.5rem !important;
}

.intercom-namespace [class^="intercom-with-namespace"] {
  right: 2rem !important;
}