:root {
    --pt-green: #89bf04;
    --pt-text: #333;
    --pt-muted: #707070;
    --pt-border: #e1e1e1;
    --pt-sidebar-bg: #fafafa;
    --pt-link: #3232a0;
    --pt-download: var(--method-get);
    --pt-nav-active-bg: rgba(50, 50, 160, 0.10);
    --method-get: #35708a;
    --method-post: #4f8a63;
    --method-put: #633b63;
    --method-delete: #c1786a;
    --sidebar-width: 300px;
    --samples-col: 40%;
    --samples-bg: rgb(38 50 56);
    --content-pad: 40px;
    --pt-mono: 'Courier New', Courier, monospace;
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    font-family: Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--pt-text);
    font-size: 15px;
    line-height: 1.5;
}

a { color: var(--pt-link); text-decoration: none; }
a:hover { text-decoration: underline; }
.main a { text-decoration: underline; }
.main .version-controls a { text-decoration: none; }

code {
    font-family: var(--pt-mono);
    font-size: 0.9em;
    color: #c7254e;
    background: #f7f7f9;
    border: 1px solid #e6e6ec;
    border-radius: 3px;
    padding: 0 4px;
    white-space: nowrap;
}
pre code { background: none; border: none; border-radius: 0; padding: 0; white-space: inherit; }

.content-page pre { padding: 12px 14px; }

.code-copy-js pre.code-copy-host { position: relative; }
.code-copy {
    position: absolute;
    top: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    color: #d4d4d4;
    cursor: pointer;
    opacity: 0.65;
    transition: opacity 0.12s ease, background 0.12s ease, color 0.12s ease;
}
.code-copy:hover { opacity: 1; background: rgba(255, 255, 255, 0.18); }
.code-copy:focus-visible { opacity: 1; outline: 2px solid #01cfff; outline-offset: 1px; }
.code-copy svg { width: 15px; height: 15px; fill: currentColor; }
.code-copy.copied { opacity: 1; color: #63b456; border-color: #63b456; }

.code-copy-js .operation-endpoint { position: relative; padding-right: 44px; }
.op-copy {
    position: absolute;
    top: 6px;
    right: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--pt-border);
    border-radius: 4px;
    background: #fff;
    color: var(--pt-muted);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.12s ease, background 0.12s ease, color 0.12s ease;
}
.operation-endpoint:hover .op-copy,
.op-copy:focus-visible { opacity: 1; }
.op-copy:hover { background: #f2f2f2; color: var(--pt-text); }
.op-copy:focus-visible { outline: 2px solid var(--pt-link); outline-offset: 1px; }
.op-copy svg { width: 15px; height: 15px; fill: currentColor; }
.op-copy.copied { opacity: 1; color: #63b456; border-color: #63b456; }

.layout { display: flex; align-items: stretch; }

.sidebar {
    width: var(--sidebar-width);
    min-width: var(--sidebar-width);
    height: 100vh;
    position: sticky;
    top: 0;
    overflow-y: auto;
    background: var(--pt-sidebar-bg);
    border-right: 1px solid var(--pt-border);
}

.nav-toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.nav-backdrop, .nav-open-button { display: none; }

.sidebar-header { padding: 20px; border-bottom: 1px solid var(--pt-border); }
.sidebar-header a { display: block; }
.sidebar-header .logo { display: block; width: 100%; max-width: none; height: auto; }

.nav { padding: 12px 0 60px; }
.nav-group { margin-bottom: 8px; }
.nav-group-title {
    padding: 14px 20px 6px;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pt-muted);
    font-weight: 400;
}
.nav ul { list-style: none; margin: 0; padding: 0; }
.nav > .nav-group > ul > li > a {
    display: block;
    padding: 6px 20px;
    color: var(--pt-text);
}
.nav > .nav-group > ul > li > a:hover { background: #eee; text-decoration: none; }
.nav-ops a {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding: 7px 20px 7px 24px;
    font-size: 0.9em;
    color: #555;
}
.nav-ops a:hover { color: var(--pt-link); text-decoration: none; }
.nav-method {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 16px;
    padding-top: 1px;
    margin-top: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 0.65em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: none;
}
.nav-op-title { min-width: 0; }

.main {
    position: relative;
    flex: 1;
    min-width: 0;
    padding: 0 0 120px;
    background: #fff;
}

.samples-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: var(--samples-col);
    background: var(--samples-bg);
}

.main section.intro,
.main section.content-page,
.tag-section > h1,
.tag-section > .tag-desc {
    width: calc(100% - var(--samples-col));
    padding-left: var(--content-pad);
    padding-right: var(--content-pad);
}

.main section.intro { padding-top: 24px; }

.main h1 { font-size: 1.9em; font-weight: 300; margin-top: 1.4em; }
.main section.intro h1:first-child { margin-top: 0; }
.main .api-title { font-size: 2em; font-weight: 400; margin: 0 0 0.3em; }
.main h2 { font-size: 1.4em; font-weight: 400; margin-top: 1.6em; }
.main h3 { font-size: 1.15em; font-weight: 500; }
.main img { max-width: 100%; }
.main table { border-collapse: collapse; margin: 12px 0; width: 100%; }
.main th, .main td { border: 1px solid var(--pt-border); padding: 6px 10px; text-align: left; vertical-align: top; }
.main th { background: var(--pt-sidebar-bg); }

.main li > p { margin: 14px 0; }

.tag-section, .content-page { border-top: 1px solid var(--pt-border); padding-top: 8px; scroll-margin-top: 8px; }
.tag-desc { color: var(--pt-text); }

.operation { scroll-margin-top: 8px; }
.operation-grid { display: grid; grid-template-columns: calc(100% - var(--samples-col)) var(--samples-col); }
.operation-left { min-width: 0; padding: 16px var(--content-pad); }
.operation-right { min-width: 0; padding: 0 24px; }
.operation-samples {
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow-y: auto;
    padding: 16px 14px 16px 0;
}
.operation-right .sample-title { color: #fff; }
.method {
    color: #fff;
    font-weight: 700;
    font-size: 0.8em;
    padding: 3px 8px;
    border-radius: 3px;
    text-transform: uppercase;
}
.method-get { background: var(--method-get); }
.method-post { background: var(--method-post); }
.method-put { background: var(--method-put); }
.method-delete { background: var(--method-delete); }
.operation-path { font-family: var(--pt-mono); font-size: 0.95em; word-break: break-all; }
.operation .operation-summary { margin: 0 0 14px; font-size: 1.5em; font-weight: 400; }
.operation-endpoint {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--pt-border);
    border-radius: 4px;
    background: #fff;
    padding: 8px 12px;
    margin-bottom: 14px;
}
.operation h4.responses-title { margin: 28px 0 8px; font-size: 1.25em; font-weight: 400; }

.section-label {
    margin: 26px 0 0;
    padding-bottom: 6px;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pt-muted);
}
.section-label .media-type {
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
    color: var(--pt-text);
    font-size: 1.15em;
}

.authorizations {
    margin: 20px 0 0;
    padding-bottom: 6px;
}
.auth-label {
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pt-muted);
    margin-right: 10px;
}
.auth-scheme { font-style: italic; }
.auth-detail { margin-top: 6px; font-size: 0.9em; }
.auth-detail-row { color: var(--pt-muted); margin: 2px 0; }
.auth-detail-key { color: var(--pt-text); font-weight: 600; }
.auth-detail-row code { font-family: var(--pt-mono); }
.auth-detail-desc { color: var(--pt-muted); margin-top: 4px; }

ul.props {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 0 14px;
}
ul.props > li {
    position: relative;
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    padding: 10px 0 10px 14px;
}
ul.props > li > .prop-details,
ul.props > li > div,
.prop-summary {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    gap: 2px 14px;
}
ul.props > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #ccc;
}
ul.props > li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 21px;
    width: 10px;
    border-top: 1px solid #ccc;
}
ul.props > li:last-child::before { bottom: auto; height: 21px; }

.prop-connector {
    display: none;
    position: absolute;
    left: 26px;
    top: 40px;
    height: 0;
    border-left: 1px solid #ccc;
}
ul.props > li:has(> .prop-details[open]) > .prop-connector { display: block; }

.prop-name { display: block; min-width: 140px; font-family: var(--pt-mono); font-weight: normal; white-space: nowrap; }
.prop-required {
    border: 1px solid #f7cdcd;
    border-radius: 3px;
    background: #fce4e4;
    padding: 0 6px;
    color: #a8071a;
    font-size: 0.8em;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.prop-detail { grid-column: 1 / -1; min-width: 0; padding-left: 23px; }

.prop-wide > .prop-name { grid-column: 1 / -1; grid-row: 1; min-width: 0; }
.prop-wide > .prop-meta { grid-column: 2; grid-row: 2; }

.prop-meta { min-width: 0; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.prop-type, .type, .type-ref { color: var(--pt-muted); font-family: var(--pt-mono); }
.prop-type, .type, .type-ref, .array-of { font-size: 1em; }
.array-of .type, .array-of .type-ref { font-size: 1em; }
.constraint-chip {
    border: 1px solid #cddde6;
    border-radius: 3px;
    background: #eaf1f5;
    padding: 0 6px;
    font-size: 0.8em;
    color: #2f5a70;
    white-space: nowrap;
}
.prop-pattern {
    border: 1px solid #d5d5f2;
    border-radius: 3px;
    background: #eeeefb;
    padding: 0 6px;
    color: #3232a0;
    font-size: 0.85em;
    white-space: nowrap;
}
.value-const {
    border: 1px solid #ecdcc9;
    border-radius: 3px;
    background: #f7efe6;
    padding: 0 6px;
    color: #8a4b16;
    font-size: 0.85em;
    white-space: nowrap;
}
.prop-desc { margin: 4px 0; }
.prop-desc p { margin: 4px 0; }

.badge { font-size: 0.7em; padding: 1px 6px; border-radius: 3px; text-transform: uppercase; font-weight: 700; }
.badge.required { background: #fce4e4; color: #a8071a; }
.badge.nullable { background: #eee; color: #555; }
.badge.status { background: var(--pt-green); color: #fff; }

.enum, .default, .example { font-size: 0.85em; color: var(--pt-muted); margin: 2px 0; }
.array-of { font-style: italic; color: var(--pt-muted); }
.muted { color: var(--pt-muted); font-style: italic; }

summary.prop-summary { cursor: auto; list-style: none; }
summary.prop-summary::-webkit-details-marker { display: none; }
summary.prop-summary::marker { content: ""; }
summary.prop-summary .prop-name { cursor: pointer; }
.prop-name > span { display: inline-block; margin-left: 6px; font-size: 1.1em; line-height: 1; color: var(--pt-muted); }
.prop-name > span::before { content: "\25B8"; }
.prop-details[open] > .prop-summary .prop-name > span::before { content: "\25BE"; }
summary.prop-summary:focus-visible { outline: none; }
summary.prop-summary:focus-visible .prop-name {
    outline: 2px solid var(--pt-link);
    outline-offset: 2px;
    border-radius: 2px;
}
.prop-details::details-content { grid-column: 1 / -1; }
.prop-nested {
    grid-column: 1 / -1;
    margin: 4px 0 0;
    padding-left: 12px;
}

.response,
details.responses-errors { margin: 10px 0; }
.response-status,
details.responses-errors > summary {
    font-weight: 500;
    padding: 10px 12px;
    border-radius: 4px;
}
.response .badge.status { background: transparent; color: inherit; font-size: 0.9em; padding: 0 4px 0 0; }
.response.status-2xx > .response-status { background: #e8f5e9; color: #1d8127; }
.response.status-3xx > .response-status { background: #e3f2fd; color: #1565c0; }
.response.status-4xx > .response-status,
.response.status-5xx > .response-status,
details.responses-errors > summary { background: #fdecea; color: #c62828; }
.response.status-other > .response-status { background: #eee; color: #555; }
.response-body { padding: 4px 12px 0; }
.responses-errors-body { padding-left: 12px; }

details.response > summary.response-status,
details.responses-errors > summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
}
details.response > summary.response-status::-webkit-details-marker,
details.responses-errors > summary::-webkit-details-marker { display: none; }
details.response > summary.response-status::marker,
details.responses-errors > summary::marker { content: ""; }
details.response > summary.response-status::before,
details.responses-errors > summary::before {
    content: "";
    flex: 0 0 auto;
    border-left: 5px solid currentColor;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transition: transform 0.12s ease;
}
details.response[open] > summary.response-status::before,
details.responses-errors[open] > summary::before { transform: rotate(90deg); }

.alternatives { margin-left: 12px; }
.alternative { border-left: 2px dashed var(--pt-border); padding-left: 12px; margin: 6px 0; }
.alternative-title { font-weight: 600; }

@media (max-width: 1100px) {
    .samples-backdrop { display: none; }
    .main section.intro,
    .main section.content-page,
    .tag-section > h1,
    .tag-section > .tag-desc { width: auto; }
    .operation-grid { grid-template-columns: 1fr; }
    .operation-right {
        background: var(--samples-bg);
        border-radius: 6px;
        margin: 0 var(--content-pad) 24px;
        padding: 4px 16px 16px;
    }
    .operation-right:not(:has(.sample-title)) { display: none; }
    .operation-samples { position: static; }
}

@media (max-width: 768px) {
    :root { --content-pad: 16px; }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        height: 100dvh;
        z-index: 1002;
        transform: translateX(-100%);
        transition: transform 0.2s ease;
    }
    .nav-toggle:checked ~ .layout .sidebar { transform: none; }

    .nav-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1001;
        background: rgba(0, 0, 0, 0.4);
    }
    .nav-toggle:checked ~ .nav-backdrop { display: block; }

    .nav-open-button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        right: 16px;
        bottom: 16px;
        z-index: 1003;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: var(--pt-download);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
        cursor: pointer;
    }
    .nav-open-icon,
    .nav-open-icon::before,
    .nav-open-icon::after {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 1px;
        background: #fff;
    }
    .nav-open-icon { position: relative; }
    .nav-open-icon::before, .nav-open-icon::after { content: ""; position: absolute; left: 0; }
    .nav-open-icon::before { top: -6px; }
    .nav-open-icon::after { top: 6px; }
}

.doc-search { display: none; }
body.search-js .doc-search {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 14px;
}
.doc-search-input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid var(--pt-border);
    border-radius: 4px;
    font-family: inherit;
    font-size: 0.9em;
    color: var(--pt-text);
    background: #fff;
}
.doc-search-input:focus { outline: none; border-color: var(--pt-link); }
.doc-search-input::-webkit-search-cancel-button { display: none; }

.doc-search-tools {
    display: none;
    align-items: center;
    gap: 2px;
}
.doc-search.has-query .doc-search-tools { display: flex; }
.doc-search-count {
    flex: 1 1 auto;
    font-size: 0.8em;
    color: var(--pt-muted);
}
.doc-search-tools button {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: none;
    font-size: 1.1em;
    line-height: 1;
    color: var(--pt-text);
    cursor: pointer;
}
.doc-search-tools button:hover { background: #eee; }
.doc-search-tools button:disabled { color: var(--pt-border); cursor: default; background: none; }

mark.doc-search-hit { background: #ffe57a; color: inherit; padding: 0; }
mark.doc-search-hit.current { background: #ff9632; }

.sample-panel {
    background: rgba(0, 0, 0, 0.3);
    color: #d4d4d4;
    border-radius: 4px;
    padding: 12px 14px;
    margin: 8px 0 12px;
    font-family: SFMono-Regular, Consolas, Menlo, monospace;
    font-size: 0.85em;
    overflow-x: auto;
}
.sample-title {
    color: var(--pt-text);
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 1em;
    margin: 18px 0 6px;
}
.sample-subtitle {
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 700;
    font-size: 0.85em;
}

.sample-block { margin: 8px 0 16px; }
.sample-head { margin: 8px 0 0; }
.sample-content-type-label {
    display: block;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.8em;
    margin-bottom: 4px;
}
.sample-media-type {
    display: block;
    padding: 6px 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.85em;
}
.sample-actions { display: none; }
.sample-js .sample-actions {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin: 8px 0 0;
}
.sample-actions > button {
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 0.8em;
    color: #fff;
    opacity: 0.75;
    cursor: pointer;
}
.sample-actions > button:hover { opacity: 1; text-decoration: underline; }

.code-tabs.status-tabs { border: none; overflow: visible; }
.code-tabs.status-tabs > label.status-chip {
    border: none;
    border-radius: 3px;
    margin: 0 6px 6px 0;
    padding: 4px 10px;
    font-weight: 700;
    opacity: 0.5;
}
.code-tabs.status-tabs > input:checked + label.status-chip { opacity: 1; }
.code-tabs.status-tabs > .code-tab-panel { border-top: none; background: transparent; padding: 0; }

.code-tabs.status-tabs > label.status-2xx { background: #2e7d32; color: #fff; }
.code-tabs.status-tabs > label.status-3xx { background: #1565c0; color: #fff; }
.code-tabs.status-tabs > label.status-4xx { background: #c62828; color: #fff; }
.code-tabs.status-tabs > label.status-5xx { background: #c62828; color: #fff; }
.code-tabs.status-tabs > label.status-other { background: #555; color: #fff; }

.jt, .jt-line { line-height: 1.5; }
.jt { display: block; }
.jt-line { padding-left: 1.1em; white-space: pre-wrap; }
.jt-body { padding-left: 1.25em; }

.jt-sum {
    position: relative;
    padding-left: 1.1em;
    cursor: pointer;
    list-style: none;
    white-space: pre-wrap;
}
.jt-sum::-webkit-details-marker { display: none; }
.jt-sum::marker { content: ""; }
.jt-sum::before {
    content: "";
    position: absolute;
    left: 0.15em;
    top: 0.55em;
    border-left: 4px solid currentColor;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transition: transform 0.12s ease;
}
details.jt[open] > .jt-sum::before { transform: rotate(90deg); }
details.jt[open] > .jt-sum .jt-preview { display: none; }
details.jt:not([open]) > .jt-body,
details.jt:not([open]) > .jt-line { display: none; }

.jt-key { color: #9cdcfe; }
.jt-str { color: #ce9178; }
.jt-num { color: #b5cea8; }
.jt-bool, .jt-null { color: #569cd6; }
.jt-preview { color: #d4d4d4; }
.jt-elided { color: #909090; font-style: italic; }

.version-controls { margin: 16px 0 24px; }
.vc-row { display: flex; align-items: center; gap: 10px; margin: 6px 0; flex-wrap: wrap; }
.vc-label { color: var(--pt-muted); }

.vc-dropdown { position: relative; display: inline-block; }
.vc-current {
    list-style: none;
    cursor: pointer;
    padding: 6px 30px 6px 12px;
    border: 1px solid var(--pt-border);
    border-radius: 4px;
    background: #fff;
    position: relative;
}
.vc-current::-webkit-details-marker { display: none; }
.vc-current::marker { content: ""; }
.vc-current::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -2px;
    border-top: 5px solid var(--pt-muted);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.vc-menu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    min-width: 100%;
    list-style: none;
    margin: 2px 0 0;
    padding: 4px 0;
    background: #fff;
    border: 1px solid var(--pt-border);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.vc-menu li a { display: block; padding: 6px 14px; color: var(--pt-text); white-space: nowrap; }
.vc-menu li a:hover { background: #eee; text-decoration: none; }
.vc-menu li a.current { font-weight: 700; }

.vc-download {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 16px;
    border-radius: 4px;
    background: var(--pt-download);
    color: #fff;
    font-weight: 700;
}
.vc-download:hover { text-decoration: none; opacity: 0.9; }
.vc-icon { flex: 0 0 auto; width: 0.95em; height: 0.95em; fill: currentColor; }

.vc-format { display: inline-flex; align-items: center; gap: 6px; }
.vc-view {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 15px;
    border: 1px solid var(--pt-download);
    border-radius: 4px;
    background: none;
    color: var(--pt-download);
    font-weight: 700;
}
.vc-view:hover { text-decoration: none; background: rgba(0, 0, 0, 0.04); }

.nav .nav-item > .nav-summary {
    display: flex;
    align-items: center;
    padding: 0;
    cursor: pointer;
    color: var(--pt-text);
    text-decoration: none;
}
.nav .nav-item > .nav-summary:hover { background: #eee; text-decoration: none; }
.nav-summary .chevron {
    order: 2;
    width: 0;
    height: 0;
    flex: 0 0 auto;
    margin: 0 20px 0 8px;
    border-left: 5px solid var(--pt-muted);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transition: transform 0.12s ease;
}
.nav-summary .nav-label { flex: 1; padding: 6px 0 6px 20px; color: var(--pt-text); }
.nav-ops { display: none; }

.nav-item.expanded > .nav-ops { display: block; }
.nav-item.expanded .chevron { transform: rotate(90deg); }
.nav-summary.active,
.nav a.active { background: var(--pt-nav-active-bg); color: var(--pt-link); }

.code-tabs {
    margin: 12px 0;
    border: 1px solid var(--pt-border, #e1e1e1);
    border-radius: 4px;
    overflow: hidden;
}

.code-tabs > input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.code-tabs > label {
    display: inline-block;
    padding: 10px 16px;
    cursor: pointer;
    background: rgb(250, 250, 250);
    color: rgb(100, 100, 100);
    font-family: Roboto, sans-serif;
    border-right: 1px solid var(--pt-border, #e1e1e1);
}

.code-tabs > label:hover {
    background: rgba(225, 225, 225, 1);
    color: rgb(50, 50, 159);
}

.code-tabs > .code-tab-panel {
    display: none;
    width: 100%;
    padding: 4px 8px;
    border-top: 1px solid var(--pt-border, #e1e1e1);
    background: rgba(225, 225, 225, 1);
}

.code-tabs > input:checked + label {
    background: rgba(225, 225, 225, 1);
    color: rgb(50, 50, 159);
    font-weight: 700;
}

.code-tabs > input:nth-of-type(1):checked ~ .code-tab-panel:nth-of-type(1),
.code-tabs > input:nth-of-type(2):checked ~ .code-tab-panel:nth-of-type(2),
.code-tabs > input:nth-of-type(3):checked ~ .code-tab-panel:nth-of-type(3),
.code-tabs > input:nth-of-type(4):checked ~ .code-tab-panel:nth-of-type(4),
.code-tabs > input:nth-of-type(5):checked ~ .code-tab-panel:nth-of-type(5),
.code-tabs > input:nth-of-type(6):checked ~ .code-tab-panel:nth-of-type(6),
.code-tabs > input:nth-of-type(7):checked ~ .code-tab-panel:nth-of-type(7),
.code-tabs > input:nth-of-type(8):checked ~ .code-tab-panel:nth-of-type(8),
.code-tabs > input:nth-of-type(9):checked ~ .code-tab-panel:nth-of-type(9),
.code-tabs > input:nth-of-type(10):checked ~ .code-tab-panel:nth-of-type(10),
.code-tabs > input:nth-of-type(11):checked ~ .code-tab-panel:nth-of-type(11),
.code-tabs > input:nth-of-type(12):checked ~ .code-tab-panel:nth-of-type(12),
.code-tabs > input:nth-of-type(13):checked ~ .code-tab-panel:nth-of-type(13),
.code-tabs > input:nth-of-type(14):checked ~ .code-tab-panel:nth-of-type(14) {
    display: block;
}

.code-tabs > .code-tab-panel > pre { margin: 4px; }

pre {
    background-color: rgb(38 50 56) !important;
    overflow-x: auto;
    max-width: 100%;
}

code[class*="language-"] {
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace !important;
    font-size: 1em !important;
    font-weight: lighter !important;
    text-shadow: none !important;
    color: #d4d4d4 !important;
}

    code[class*="language-"] > .comment {
        color: #63b456 !important;
    }

    code[class*="language-"] > .interpolation-string {
        color: #9cdcfe !important;
    }

    code[class*="language-"] > .string,
    code[class*="language-"] > .token > .string {
        color: #ce9178 !important;
    }

    code[class*="language-"] > .keyword {
        color: #569cd6 !important;
    }

    code[class*="language-"] > .class-name > .keyword {
        color: #569cd6 !important;
    }

    code[class*="language-"] > .class-name {
        color: #01cfff !important;
    }

    code[class*="language-"] > .boolean {
        color: #569cd6 !important;
    }

.versionParent {
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 10px;
    z-index: 1000;
    box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5);
}

.versionParent[hidden] {
    display: none;
}

.versionWarning {
    flex-grow: 1;
    font-family: Roboto, sans-serif;
    font-size: 1em;
    text-align: center;
}

.versionWarning a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

#newVersionParent {
    background-color: #fcf8e3;
    color: #000;
}

#deprecatedVersionParent {
    background-color: #982121;
    color: #fff;
}