/* F695282 For new apiReference page. For reviewers: Comment to be removed when done. */
body {
    margin-bottom: 0;

    --text-body-secondary: #444340;
    --mcd-color-gray-03: #E8E5E1;
    --mcd-color-gray-01: #FCFBFA;
    --color-red-error-01: #FADEDE;
    --color-red-error-05: #B00606;
    --color-gold-01: #FCE8CC;
    --color-gold-06: #583300;
    --color-secondary-on-light: #555555;
    --color-gray-07: #141413;
    --color-white: #FFFFFF;
}

#sdk-functions-page h1 {
    text-transform: none;
}

#api-reference h1 {
    font-size: 3rem;
    font-weight: 350;
    line-height: 3.5rem; /* 116.667% */
    margin-block: auto;
}

h1 {
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 2.7rem;
    margin-block: auto;
}

h2 {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.25rem; /* 128.571% */
    margin-block: auto;
}

h3 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    margin-block: auto;
}

h4 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-block: auto;
}

h5 {
    color: #222221;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem; /* 133.333% */
    margin-block: auto;
}

p {
    margin-block: auto;
    font-size: inherit;
    line-height: inherit;
}

a {
    text-decoration: none;
    color: #cf4500;
}

.grid-container-areas {
    display: flex;
    flex-flow: column;
    margin: 0;
}

#page-main-content {
    display: flex;
    overflow: auto;
    flex: 1 1 auto;
    height: 100%;
}

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

.main {
    padding: 2rem 3rem 0;
    gap: 3rem;
}

.main hr {
    border-top: 1px solid #D9D9D9;
    margin-left: 0;
    margin-right: 0;
    align-self: stretch;
    margin-block: auto;
}

.mcd-body-regular {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: left;
}

.mcd-body-regular-lg {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
}

.mcd-body-medium {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: left;
}

.flex {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.panel-padding {
    gap: 2rem;
}

.grid-padding {
    gap: 1.5rem;
}

.fill-available-width{
    width: -webkit-fill-available;
}

.display-none {
    display: none;
}

.card-text-gap {
    gap: 0.5rem;
}

.align-start {
    align-self: start;
}

.color-text-primary {
    color: #111;
}

.color-text-secondary {
    color: #555250;
}

.color-grey-08 {
    color: #333;
}

.color-text-body-secondary {
    color: var(--text-body-secondary, #444340);
}

/* intro section */
#intro {
    display: flex;
    align-items: center;
    gap: 5rem;
    align-self: stretch;
}

#intro .text {
    gap: 1rem;
    flex: 1 0 0;
}

#api-ref-img {
    overflow: auto;
}

#api-ref-img .brand-color {
    fill: #FF5500;
}

/* operations section */
#operations-intro {
    gap: 0.25rem;
}

.operation-group {
    justify-content: space-between;
    align-self: stretch;
    gap: 1rem;
}

.operation-group-p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
}

.operation-group a {
    display: flex;
    align-items: center;
    gap: 4px;
}

.operation-group a .content {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 150%; /* 1.125rem */
}

/* sdks section */
.sdk-p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem; /* 142.857% */
}

.red-link {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
}

#operation-into {
    display: table-column;
    width: 100%;
}

#pseudo-links {
    font-size: 0.75rem;
    cursor: default;
    display: flex;
    margin-bottom: 1rem;
}

#pseudo-links p {
    margin: 0;
}

#pseudo-links p:hover {
    color: #CF4500;
}

#pseudo-links-svg {
    padding: 0.05rem 0 0 0.3rem;
    width: 0.55rem;
    height: 0.65rem;
    fill: none;
}

/* sidebar section */
.sidebar {
    display: flex;
    flex-direction: column;
    padding: 2rem 1.3rem 2rem 1rem;
    border-right: 1px solid #D8D8D8;
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
    gap: 1.5rem;
    height: -webkit-fill-available;
    z-index: 1;
}

.page-main-content-and-footer{
    overflow: auto;
    flex: 1 1 0;
}

.sidebar-protocol-and-selector-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sidebar-section {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 16.75rem;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
    gap: 0.5rem;
}

.sidebar-section a {
    display: flex;
    align-items: center;
    height: 1.75rem;
    padding-left: 1rem;
    width: -webkit-fill-available;
    transition: 0.2s;
}

.sidebar-section a.default {
    color: #111111;
}

.sidebar-section a:hover {
    background-color: #F2F2F2;
    border-radius: 0.25rem;
}

.sidebar-section a.active:hover {
    border-radius: 0;
}

.sidebar-section a.active {
    box-shadow: 2px 0 0 inset;
    font-weight: 500;
}

.sidebar-section .operation-link a.active {
    box-shadow: none;
    background-color: #F3F0EE;
    border-radius: 0.25rem;
    color: #111;
}

.sidebar-section .operation-link a.active p {
    font-weight: 500;
}

.sidebar-section-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.1125rem;
    line-height: 1rem;
    padding-left: 1rem;
    color: #555250;
}

#sidebar-api-selector #prefix {
    position: absolute;
    padding-top: 0.5rem;
    padding-left: 0.75rem;
    color: #777470;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

#sidebar-api-selector svg {
    position: absolute;
    margin-top: 0.35rem;
    margin-left: 14.475rem;
}

#version-input-field {
    appearance: none;
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-color: transparent;
    height: 2.25rem;
    width: 16.75rem;
    padding-left: 4.3rem;
    border: 1px solid #555250;
    border-radius: 0.25rem;
    cursor: pointer;
    z-index: 2;
}

#sidebar-protocol-switch #switcher-href {
    height: 2.25rem;
    width: 16.75rem;
    position: absolute;
    border-radius: 6.25rem;
    padding: 0;
    margin: 0;
    z-index: 4;
    display: flex;
}

#sidebar-protocol-switch .protocol-switch-knob a{
    cursor: pointer;
    height: -webkit-fill-available;
}

#sidebar-protocol-switch #switcher-href a.left-indent{
    margin-left: 6px;
}
#sidebar-protocol-switch #switcher-href a.right-indent{
    padding-left: 0.83em;
}

#sidebar-protocol-switch #switcher-href a.disable-protocol{
    pointer-events: none;
    cursor: default;
    height: -webkit-fill-available;
}

#sidebar-protocol-switch #switcher-href a.disabled-protocol-highlighting{
    background-color: white;
    color: #111111;
}

#protocol-switch-cover {
    position: relative;
    width: 16.5rem;
    height: 2rem;
    padding: 0.125rem;
    overflow: hidden;
    background-color: #e8e5e1;
    cursor: default;
    border-radius: 6.25rem;
}

#protocol-switch {
    display: none;
}

.protocol-switch-knob {
    z-index: 2;
}

#switcher-href a{
    width: 6.55rem;
    font-size: 0.875rem;
    line-height: 1.3rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
    border-radius: 6.25rem;
    margin-bottom: 0.27em;
    justify-content: center;
}


#switcher-href .enabled-protocol-highlighting{
    height: -webkit-fill-available;
    color: #555250;
    background: none;
}

#protocol-switch-cover {
    display: inline-block;
    color: #111111;
    z-index: 1;
}


.sidebar-operation-section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sidebar-operation-section h5 {
    color: #000000;
}

.operation-link a {
    display: flex;
    align-items: center;
    width: -webkit-fill-available;
    min-height: 1.5rem;
    height: fit-content;
    padding: 0.5rem;
    gap: 0.5rem;
    transition: 0.2s;
}

.operation-link p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
}

.sidebar-section .sidebar-backlink {
    gap: 0.5rem;
    padding-left: 0;
    height: fit-content;
}


h5#requestFields {
    font-size: 1.25rem;
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 2.125rem;
    height: 1rem;
    line-height: 1rem;
}
.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0.125rem;
    right: 0;
    bottom: 0;
    background-color: #B1ADA6;
    -webkit-transition: .2s;
    transition: .2s;
}
.toggle-slider:before {
    position: absolute;
    content: "";
    height: 0.75rem;
    width: 0.75rem;
    left: 0.125rem;
    bottom: 0.125rem;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}
input:checked + .toggle-slider {
    background-color: #038A00;
}
input:checked + .toggle-slider:before {
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
}
.toggle-slider.round {
    border-radius: 0.5rem;
}
.toggle-slider.round:before {
    border-radius: 0.5rem;
}
.toggle-label {
    font-size: 0.75rem;
    font-family: MarkForMCNrw, "Mark Offc For MC", helvetica, arial, clean, sans-serif;
    margin-left: 0.188rem;
    position: relative;
    bottom: 0.063rem;
    cursor: pointer;
}
.optional-hidden {
    display: none;
}
.toggle-switch-text {
    bottom: -0.063rem;
    position: relative;
}

.expanded {
    transform: rotate(-90deg);
}

/*Changelog CSS*/
#changeLogContainer {
    display: flex;
    gap: 32px;
    flex-direction: column;
    padding: 10px;
}

.changeLogHeaderContainer {
    display: flex;
    border-bottom: 1px solid #D9D9D9;
    gap: 4px;
    flex-direction: column;
    width: 100%;
}

.commonStyle {
    text-align: left;
    margin: 0;
}

#bannerHeading {
    font-size: 36px;
    font-weight: 400;
    line-height: 43px;
    color: #111111;
}

#bannerDescription {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #555250;
}

.logsContainer {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 48px;
}

.log {
    display: flex;
    gap: 24px;
    flex-direction: row;
}

.dateVersion {
    text-align: right;
}

p.logDate {
    width: 144px;
    padding-top: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
    height: 20px;
}

.logContent {
    display: flex;
    gap: 16px;
    flex-direction: column;
    flex: 1 0 0;
}

.versionNumber {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
    padding-top: 2px;
}

.logDescriptionHeading {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #000000;
}

p.logDescription {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}


@media screen and (max-width: 992px) {
    .log {
        flex-direction: column;
        gap: 8px;
    }

    .dateVersion {
        text-align: left;
    }
}

footer {
    width: 100%;
}

/* New Footer styles*/
#ContainerFooter {
    margin: 0;
    padding: 40px 3rem;
}

/* SDKs page section*/
.sdk-into {
    display: grid;
    gap: 2rem;
}

.sdks-line-nav-menu {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    line-height: 1.125rem;
    font-size: 0.75rem;
    color: #555250;
}

.sdk-func-pair {
    display: grid;
    gap: 1rem;
}

#sdk-landing-page section, #sdk-functions-page section {
    display: grid;
    gap: 1.5rem;
    width: -webkit-fill-available;
}

#sdk-landing-page .main, #sdk-functions-page .main {
    gap: 2rem;
}

#sdk-landing-page pre, #sdk-functions-page pre {
    margin: 0;
}

#api-operation pre {
    margin-bottom: 0;
}

#sdk-landing-page .x_collapse, #sdk-functions-page .x_collapse {
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0;
}

.underlined-a {
    width: fit-content;
    text-decoration: underline;
    font-size: 1rem;
    line-height: 1.5rem;
}

.sdk-parameter-header {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.sdk-collapsed-area {
    border: none;
    display: grid;
    margin-left: 1.375rem;
    gap: 0.75rem;
    border-left: thin solid #D8D8D8;
}

.sdk-validation-rules {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.sdk-validation-rules .sdk-validation-rules {
    align-items: baseline;
    gap: 0.25rem;
}

.sdk-collapsed-area .sdk-collapsed-area {
    margin-left: 0;
}

.expandableSvg {
    margin-right: 0.125rem;
    word-spacing: 0;
}

.sdk-parameters-tree .expandableSvg {
    margin-left: -1.25rem;
}

.parameter-description {
    font-family: MarkForMCNrw, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    display: grid;
    font-size: 1rem;
    margin-left: 1.375rem;
    line-height: 1.375rem;
    font-weight: 400;
    gap: 0.5rem;
}

.tree-parameter-description {
    font-family: MarkForMCNrw, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    display: grid;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
    gap: 1rem;
}

.param-desc-margin-left {
    margin-left: 1.375rem;
}

.param-ul-desc-margin-left {
    margin-left: 1.375rem;
}

.no-bullets-fly {
    list-style-type: none;
}

.sdk-collapsed-area .param-desc-margin-left {
    margin-left: 0;
}

.sdk-parameters-tree {
    display: grid;
    margin-left: 1.75rem;
    gap: 2rem;
}

.parameter-name {
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    color: #111;
    line-height: 1.375rem;
    gap: 0.25rem;
    align-items: center;
}

.parameter-type {
    font-family: monospace;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #444340;
}

.parameter-restriction {
    padding: 0.125rem 0.5rem 0.125rem 0.5rem;
    border-radius: 0.25rem;
    background-color: #FADEDE;
    font-weight: 500;
    color: #B00606;
    font-family: Mark Offc For MC,-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    font-size: 0.625rem;
    line-height: 0.75rem;
    align-content: center;
}

.parameter-description-enums-block {
    gap: 1.5rem;
    display: grid;
}

.parameter-description-enums-block code {
    width: fit-content;
    padding: 0.125rem 0.5rem 0.125rem 0.5rem;
    border-radius: 0.25rem;
    border: thin solid #D1CDC7;
    color: #111111;
    font-size: 0.75rem;
    line-height: 1.25rem;
    background-color: #FCFBFA;
}

.parameter-description-enums-block .sdk-validation-rules {
    gap: 0.25rem;
    align-items: flex-start;
    flex-direction: column;
}
.info-label{
    border-radius: 0.25rem;
    padding: 1rem 1rem 1rem 0.75rem;
    display: flex;
    align-items: center;
}

.orange-info-label {
    background-color: #FEF7ED;
    border-left: 0.25rem solid #F38B00;
}

.gray-info-label {
    background-color: #F9F9f9;
    border-left: 0.25rem solid var(--color-secondary-on-light, #555555);
}

.info-label svg {
    min-width: 20px;
    width: 20px;
    min-height: 20px;
    height: 20px;
}


.info-label p {
    margin-left: 1rem;
}

/* operations pages */
.api-existence {
    display: flex;
    padding: 0.125rem 0.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
    text-align: center;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem; /* 120% */
}

.red-bg {
    background: var(--color-red-error-01, #FADEDE);
}

.brown-bg {
    background: var(--color-gold-01, #FCE8CC);
}

.black-bg {
    background: var(--color-gray-07, #141413);
}

.gray-bg {
    background: #E8E8E8;
}

.req-text {
    color: var(--color-red-error-05, #B00606);
}

.ap-text {
    color: var(--color-gold-06, #583300);
}

.fixed-text {
    color: var(--color-white, #FFFFFF);
}

.optional-text {
    color: var(--color-secondary-on-light, #555555);
}

#operation-banner {
    justify-content: center;
    padding: 0.75rem;
    align-self: stretch;
    gap: 1rem;
    border-radius: 0.125rem;
    border: 0.0625rem solid var(--mcd-color-gray-03, #E8E5E1);
    background: var(--mcd-color-gray-01, #FCFBFA);
}

.title-elem-gap {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.title-anchor-gap {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.title-toggle-gap {
    display: flex;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
}

.operation-label {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
    font-weight: 700;
    width: 1.625rem;
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: #FFFFFF;
}

.body-regular-sm {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

.body-medium-sm {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.PUT {
    background: #F37338;
}

.GET {
    background: #25836D;
}

.POST {
    background: #777470;
}

.DELETE {
    background: #A82226;
}

#authentication-section {
    gap: 1rem;
    align-self: stretch;
}

.font-MC-regular {
    font-family: Mark Offc For MC,-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

.font-family-secondary {
    font-family: MarkForMCNrw, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

.url-fields-left-padding {
    padding-left: 1.5rem;
}

.url-field-section {
    justify-content: center;
    gap: 0.5rem;
    flex: 1 0 0;
}

.field-section {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
}

.expand-arrow {
    padding: 0.25rem 0;
    justify-content: center;
    gap: 0.5rem;
}

.url-field-type {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.75rem;
}

.field-type {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}

.field-value-type, .field-value-existence {
    position: relative;
    bottom: 0.125rem;
}

.field-value-constraints {
    font-weight: 500;
    position: relative;
}

.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 1;
}

.padding-bottom-1\.5rem {
    padding-bottom: 1.5rem;
}

.expand-field-inline-flex {
    display: inline-flex;
    align-items: flex-start;
}

.expandable-svg {
    padding: 0.25rem 0.375rem 0.25rem 0;
}

.vertical-line .expandable-svg {
    padding: 0.25rem 0.375rem;
}

.vertical-line {
    border-left: 0.0625rem solid #D8D8D8;
}

.padding-left-expand {
    padding-left: 1.125rem;
}
.padding-left-expand .padding-left-expand {
    padding-left: 1.5rem;
}

.gap-025rem {
    gap: 0.25rem;
}

#api-operation .main, #api-versioning .main {
    padding: 0;
}

#api-versioning > #main-content {
    gap: 2rem;
}


#main-content {
    gap: 3rem;
    padding: 2rem 0 0 3rem;
}

.enum-border {
    display: flex;
    padding: 0.125rem 0.5rem;
    align-items: center;
    width: max-content;
    gap: 0.625rem;
    border-radius: 0.25rem;
    border: 1px solid #D1CDC7;
    background: var(--mcd-color-gray-01, #FCFBFA);
}

.link-icon {
    padding-left: 0;
}

th {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    gap: 0.5rem;
    padding: 1rem;
    background-color: #F7F7F7;
    border: 1px solid #D8D8D8;
}

td {
    padding: 1rem;
    gap: 0.5rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    border: 1px solid #D8D8D8;
}

.unbulleted li {
    list-style-type: none;
}

ul.bulleted li {
    list-style-type: disc;
}

#operation-into p{
    margin: revert;
}

.word-breaking {
    word-break: break-word;
}