.ym-bg-img-height {height:0;padding-bottom:160%;opacity:1}
.ym-bg-img-center{background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative}
.ym-bg-img-center .play{opacity:0;position:absolute;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.2) url(../img/play.png) center no-repeat; background-color:rgba(0,0,0,.2);-webkit-transition: all ease-out .35s;transition: all ease-out .35s}
.ym-bg-img-center .play.active{opacity:1}
.ym-bg-img-center:hover .play{opacity:1}
.bi {width:1em;height:1em;display:inline-block;vertical-align:-.125em;fill:currentcolor}
.btn-circle {border-radius:50%;width:3rem;height:3rem;padding:0;text-align:center;display:flex;justify-content:center;align-items:center}
.art-video-player,.art-video-player .art-video,.art-video-player .art-bottom{border-radius:var(--bs-border-radius-xl)}
.art-video-player{background-color:var(--ds-surface-raised)!important;}
.mac_pop_bg{position:fixed;z-index:1055;left:0;top:0;width:100%;height:100%;background-color:var(--ds-blanket);transition:opacity .15s linear;}
.mac_pop{z-index:1055!important;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;border-radius:0.25rem;border-color:var(--bs-border-color);background-color:var(--bs-body-bg);height:auto!important}
.mac_pop .pop_top{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1.5rem}
.mac_pop .pop_top h2{font-size:1.25rem;margin-bottom:0}
.mac_pop .pop_close{cursor:pointer;font-weight:bold}
.mac_pop .pop_content{padding:1.5rem;padding-top:0;padding-bottom:0}
.mac_pop .pop_foot {align-items:center;padding:1.5rem}

.mac_pop_msg_bg{position:fixed;z-index:1055;left:0;top:0;width:100%;height:100%;background-color:var(--ds-blanket);transition:opacity .15s linear;}
.mac_pop_msg {z-index:1055;display:none;height:auto!important;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;padding:1.5rem;border-radius:0.25rem;background-color:var(--bs-body-bg);box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop_msg .pop-msg{font-size:0.825rem}

:root {
    --color-neutral-100: #f7f8f9;
    --color-neutral-200: #f1f2f4;
    --color-neutral-300: #dcdfe4;
    --color-neutral-400: #b3b9c4;
    --color-neutral-500: #8590a2;
    --color-neutral-600: #758195;
    --color-neutral-700: #626f86;
    --color-neutral-800: #44546f;
    --color-neutral-900: #2c3e5d;
    --color-neutral-1000: #172b4d;
    --color-neutral-1100: #091e42;
    --color-neutral-100a: rgba(9, 30, 66, 0.03);
    --color-neutral-200a: rgba(9, 30, 66, 0.06);
    --color-neutral-300a: rgba(9, 30, 66, 0.14);
    --color-neutral-400a: rgba(9, 30, 66, 0.31);
    --color-neutral-500a: rgba(9, 30, 66, 0.49);
    --color-dark-neutral-n100: #101214;
    --color-dark-neutral-0: #161a1d;
    --color-dark-neutral-100: #1d2125;
    --color-dark-neutral-200: #22272b;
    --color-dark-neutral-250: #282e33;
    --color-dark-neutral-300: #2c333a;
    --color-dark-neutral-350: #38414a;
    --color-dark-neutral-400: #454f59;
    --color-dark-neutral-500: #596773;
    --color-dark-neutral-600: #738496;
    --color-dark-neutral-700: #8c9bab;
    --color-dark-neutral-800: #9fadbc;
    --color-dark-neutral-900: #b6c2cf;
    --color-dark-neutral-1000: #c7d1db;
    --color-dark-neutral-1100: #dee4ea;
    --color-dark-neutral-n100a: rgba(3, 4, 4, 0.26);
    --color-dark-neutral-100a: rgba(188, 214, 240, 0.04);
    --color-dark-neutral-200a: rgba(161, 189, 217, 0.08);
    --color-dark-neutral-250a: rgba(200, 225, 249, 0.1);
    --color-dark-neutral-300a: rgba(166, 197, 226, 0.16);
    --color-dark-neutral-350a: rgba(195, 222, 254, 0.2);
    --color-dark-neutral-400a: rgba(191, 219, 248, 0.28);
    --color-dark-neutral-500a: rgba(155, 180, 202, 0.5);
    --color-blue-100: #e9f2ff;
    --color-blue-200: #cce0ff;
    --color-blue-300: #85b8ff;
    --color-blue-400: #579dff;
    --color-blue-500: #388bff;
    --color-blue-600: #1d7afc;
    --color-blue-700: #0c66e4;
    --color-blue-800: #05c;
    --color-blue-900: #09326c;
    --color-blue-1000: #092957;
    --color-yellow-100: #fff7d6;
    --color-yellow-200: #f8e6a0;
    --color-yellow-300: #f5cd47;
    --color-yellow-400: #e2b203;
    --color-yellow-500: #cf9f02;
    --color-yellow-600: #b38600;
    --color-yellow-700: #946f00;
    --color-yellow-800: #7f5f01;
    --color-yellow-900: #533f04;
    --color-yellow-1000: #3f3102;
    --color-green-100: #dffcf0;
    --color-green-200: #baf3db;
    --color-green-300: #7ee2b8;
    --color-green-400: #4bce97;
    --color-green-500: #2abb7f;
    --color-green-600: #22a06b;
    --color-green-700: #1f845a;
    --color-green-800: #216e4e;
    --color-green-900: #164b35;
    --color-green-1000: #143c2b;
    --color-purple-100: #f3f0ff;
    --color-purple-200: #dfd8fd;
    --color-purple-300: #b8acf6;
    --color-purple-400: #9f8fef;
    --color-purple-500: #8f7ee7;
    --color-purple-600: #8270db;
    --color-purple-700: #6e5dc6;
    --color-purple-800: #5e4db2;
    --color-purple-900: #352c63;
    --color-purple-1000: #2b2451;
    --color-teal-100: #e3fafc;
    --color-teal-200: #c1f0f5;
    --color-teal-300: #8bdbe5;
    --color-teal-400: #60c6d2;
    --color-teal-500: #37b4c3;
    --color-teal-600: #1d9aaa;
    --color-teal-700: #1d7f8c;
    --color-teal-800: #206b74;
    --color-teal-900: #1d474c;
    --color-teal-1000: #15373b;
    --color-red-100: #ffedeb;
    --color-red-200: #ffd2cc;
    --color-red-300: #ff9c8f;
    --color-red-400: #f87462;
    --color-red-500: #ef5c48;
    --color-red-600: #e34935;
    --color-red-700: #ca3521;
    --color-red-800: #ae2a19;
    --color-red-900: #601e16;
    --color-red-1000: #4f1c16;
    --color-lime-100: #eefbda;
    --color-lime-200: #d3f1a7;
    --color-lime-300: #b3df72;
    --color-lime-400: #94c748;
    --color-lime-500: #82b536;
    --color-lime-600: #6a9a23;
    --color-lime-700: #5b7f24;
    --color-lime-800: #4c6b1f;
    --color-lime-900: #37471f;
    --color-lime-1000: #2a3818;
    --color-magenta-100: #ffecf8;
    --color-magenta-200: #fdd0ec;
    --color-magenta-300: #f797d2;
    --color-magenta-400: #e774bb;
    --color-magenta-500: #da62ac;
    --color-magenta-600: #cd519d;
    --color-magenta-700: #ae4787;
    --color-magenta-800: #943d73;
    --color-magenta-900: #50253f;
    --color-magenta-1000: #421f34;
    --color-orange-100: #fff4e5;
    --color-orange-200: #ffe2bd;
    --color-orange-300: #fec57b;
    --color-orange-400: #faa53d;
    --color-orange-500: #f18d13;
    --color-orange-600: #d97008;
    --color-orange-700: #b65c02;
    --color-orange-800: #974f0c;
    --color-orange-900: #5f3811;
    --color-orange-1000: #4a2b0f
}

[data-bs-theme="dark"] .bd-masthead h1 {
    color: #fff
}

[data-bs-theme="dark"] #bd-theme > *:first-child {
    display: none
}

[data-bs-theme="dark"] #bd-theme > *:last-child {
    display: block
}

[data-bs-theme="dark"] .bg-neutral-subtler {
    background-color: #03040442
}

[data-bs-theme="dark"] .bg-grid-slate-100 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='%2322272B'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")
}

#search-button {
    transition: border-color 0.2s ease-in-out
}

#search-button:hover {
    --bs-border-color: var(--ds-border-focused)
}

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

@media (min-width: 992px) {
    .bd-layout {
        display: grid;
        grid-template-areas:"sidebar main";
        grid-template-columns:min-content 1fr;
        gap: 0
    }
}

.bd-sidebar {
    grid-area: sidebar
}

.bd-main {
    grid-area: main;
    display: grid;
    grid-template-areas:"intro" "content" "footer";
    grid-template-rows:auto 1fr
}

.bd-main .tab-content {
    grid-area: content
}

.bd-card {
    box-shadow: var(--ds-shadow-raised);
    transition: box-shadow 0.2s
}

.bd-card:hover {
    box-shadow: var(--ds-shadow-overlay)
}

#bd-theme > * {
    display: none
}

#bd-theme > *:first-child {
    display: block
}

#bd-theme > *:last-child {
    display: none
}

#searchModal mark {
    padding: 0;
    color: #0065ff;
    font-weight: 500;
    background-color: transparent;
    border-bottom: 2px solid #b3d4ff
}

.bd-icon-blue {
    color: var(--ds-text-inverse);
    background-color: var(--ds-icon-accent-blue)
}

.bd-icon-yellow {
    color: var(--ds-text-inverse);
    background-color: var(--ds-icon-accent-yellow)
}

.bd-icon-purple {
    color: var(--ds-text-inverse);
    background-color: var(--ds-icon-accent-purple)
}

.bd-icon-green {
    color: var(--ds-text-inverse);
    background-color: var(--ds-icon-accent-green)
}

.masthead-followup-icon {
    background-color: var(--ds-background-accent-purple-subtlest);
    color: var(--ds-text-accent-purple)
}

.bg-striped-purple {
    background-color: var(--ds-background-accent-gray-subtlest);
    background-image: linear-gradient(135deg, var(--ds-background-discovery-bold) 10%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, var(--ds-background-discovery-bold) 0, var(--ds-background-discovery-bold) 60%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
    background-size: 7.07px 7.07px
}

.bg-striped-teal {
    background-color: var(--ds-background-accent-gray-subtlest);
    background-image: linear-gradient(135deg, var(--ds-background-accent-teal-bolder) 10%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, var(--ds-background-accent-teal-bolder) 0, var(--ds-background-accent-teal-bolder) 60%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
    background-size: 7.07px 7.07px
}

.bg-striped-white {
    background-image: linear-gradient(135deg, #fff 10%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, #fff 0, #fff 60%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
    background-size: 7.07px 7.07px
}

.bg-grid-slate-100 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='%23F1F2F4'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")
}

.bg-neutral-subtler {
    background-color: #091e4208
}

.text-bg-purple {
    background-color: var(--ds-background-accent-purple-bolder);
    color: var(--ds-text-inverse)
}

.bg-purple {
    background-color: var(--ds-background-accent-purple-bolder)
}

.bg-purple-subtler {
    background-color: var(--ds-background-accent-purple-subtler)
}

.bg-purple-subtle {
    background-color: var(--ds-background-accent-purple-subtle)
}

.bg-blue-subtle {
    background-color: var(--ds-background-accent-blue-subtle)
}

.bg-checkered {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F0F0F0' d='M0 0h8v8H0zm8 8h8v8H8z'/%3E%3C/svg%3E");
    background-size: 16px 16px
}

.bd-bg-light {
    background-color: var(--ds-background-neutral)
}

.sidebar {
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 14px
}

@media (min-width: 992px) {
    .sidebar {
        position: sticky;
        height: calc(100vh - 56px);
        width: 202px;
        top: 56px;
        overflow-y: auto
    }
}

@media (min-width: 1200px) {
    .sidebar {
        width: 212px
    }
}
@media (min-width: 1600px) {
    .sidebar {
        width: 242px
    }
}

.sidebar > ul {
    margin-bottom: 0
}

.sidebar__section-heading {
    padding-left: 1.5rem;
    font-size: 1rem;
}
.sidebar__section-heading .active {
    color: var(--ds-text-selected);
}
.sidebar__link {
    position:relative;margin:0 1.5rem;padding:0.5rem 1.5rem;
    color: var(--ds-text);
    background-color: transparent;
    border-radius: 0.5rem;
    line-height: 1.2
}

.sidebar__link:hover,.sidebar__link.active {
    color: var(--ds-text);
    text-decoration: none;
    background-color: var(--ds-background-neutral-subtle-hovered)
}

code {
    background-color: transparent;
    color: var(--ds-text-accent-magenta);
    padding: 2px 4px;
    border-radius: 3px;
    overflow-wrap: break-word
}

.bd-intro {
    grid-area: intro
}

.bd-main-content {
    display: grid;
    grid-area: content;
    grid-template-areas:"content toc";
    grid-template-columns:1fr min-content
}

.bd-toc {
    grid-area: toc;
    width: 220px
}

.bd-content {
    min-width: 1px;
    grid-area: content;
    position: relative
}

.bd-content strong {
    font-weight: 500
}

.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5, .bd-content > h6 {
    margin-top: 24px;
    margin-bottom: 16px
}

.bd-content > h2:first-child, .bd-content > h3:first-child, .bd-content > h4:first-child, .bd-content > h5:first-child, .bd-content > h6:first-child {
    margin-top: 0
}

.bd-content > h2 + ul, .bd-content > h2 + ol, .bd-content > h3 + ul, .bd-content > h3 + ol, .bd-content > h4 + ul, .bd-content > h4 + ol, .bd-content > h5 + ul, .bd-content > h5 + ol, .bd-content > h6 + ul, .bd-content > h6 + ol {
    margin-top: 0
}

.bd-content > p {
    margin-bottom: 16px;
    word-break: break-word;
    line-height: 1.6
}

.bd-content > p > img {
    max-width: 100%
}

.bd-content > p:first-child {
    margin-top: 0
}

.bd-content > h2 {
    font-size: 24px
}

.bd-content > h3 {
    font-size: 20px
}

.bd-content > h4 {
    font-size: 18px
}

.bd-content > h5 {
    font-size: 16px
}

.bd-content > h6 {
    font-size: 14px
}

.bd-content > ul > li {
    margin-bottom: 4px
}

.bd-content > ul > li:last-child {
    margin-bottom: 0
}

.lozenge {
    display: inline-block;
    padding: 0 4px;
    border-radius: var(--bs-border-radius);
    font-size: 14px
}

.lozenge.beta, .lozenge.new {
    background-color: var(--ds-background-discovery);
    color: var(--ds-text-discovery)
}