:root {
    --tz-middleman-accordion-header: #177E89;
    --tz-middleman-accordion-header-2: #329F5B;
    --tz-middleman-accordion-content: #efefef;
    --tz-middleman-border-radius: 0.5rem;
}

.tz-accordion-header {
    background-color: var(--tz-middleman-accordion-header);
    color: white;
    padding: 1rem;
    border-top-left-radius: var(--tz-middleman-border-radius);
    border-top-right-radius: var(--tz-middleman-border-radius);
    border-bottom-left-radius: var(--tz-middleman-border-radius);
    border-bottom-right-radius: var(--tz-middleman-border-radius);

    cursor: pointer;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;

    transition: border-bottom-left-radius 0.5s, border-bottom-right-radius 0.5s;
}
.tz-accordion-header::after {
    content: '▼';
}
.tz-accordion-header.tz-accordion-open::after {
    content: '▲';
}
.tz-accordion-header.tz-accordion-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.tz-accordion-header-2 {
    background-color: var(--tz-middleman-accordion-header-2);
}
.tz-accordion-header-big {
    font-size: large;
}
.tz-accordion-content {
    max-height: 0;
    background-color: var(--tz-middleman-accordion-content);
    /* padding: 0; */
    overflow-y: hidden;
    border-bottom-left-radius: var(--tz-middleman-border-radius);
    border-bottom-right-radius: var(--tz-middleman-border-radius);

    transition: max-height 0s;
}
.tz-accordion-content .tz-accordion-inner-content {
    border-bottom-left-radius: var(--tz-middleman-border-radius);
    border-bottom-right-radius: var(--tz-middleman-border-radius);
    padding: 1rem;
}
.tz-accordion-content:not(:last-child) {
    margin-bottom: 2rem;
}

.tz-accordion-content.tz-accordion-open {
    max-height: 99999px;
}
.tz-accordion-content pre {
    margin: 0;
    border-radius: var(--tz-middleman-border-radius);
}

.tz-tracezilla-request {
    /* margin-bottom: 2rem; */
    /* padding: 1rem; */
    /* border: 2px solid var(--tz-middleman-accordion-content); */
    /* border-radius: var(--tz-middleman-border-radius); */
    background: transparent;
}
.tz-tracezilla-request .tz-accordion-inner-content {
    border: 2px solid var(--tz-middleman-accordion-content);
}

.tz-middleman-mb-1 {
    margin-bottom: 1rem;
}

.tz-middleman-mb-2 {
    margin-bottom: 2rem;
}

.tz-middleman-p-1 {
    padding: 1rem;
}

.tz-middleman-border-radius {
    border-radius: var(--tz-middleman-border-radius);
}

.tz-middleman-bg-content {
    background-color: var(--tz-middleman-accordion-content);
}

.hljs {
    background: transparent !important;
}