:root{--header-height:6rem;--content-height:calc(100vh - var(--header-height))}
#sidenav-loader{display:none;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-right:1rem;color:#222;font-size:.95rem;background:transparent}
.chi-loading #sidenav-loader{display:flex}
@media(max-width:1199.98px){.chi-loading #sidenav-loader{display:none !important}
.chi-loading #global-nav,.chi-loading #mobile-nav,.chi-loading #toggle-nav{display:none !important}
}
.chi-loading #global-nav,.chi-loading #mobile-nav,.chi-loading #toggle-nav{visibility:hidden !important;pointer-events:none}
.sidenav-spinner{width:1rem;height:1rem;border:2px solid rgba(0,0,0,0.12);border-top-color:rgba(0,0,0,0.8);border-radius:50%;display:inline-block;animation:sideload-spin .9s linear infinite}
@keyframes sideload-spin{to{transform:rotate(360deg)}
}
.docs-page-container .root.container .container:has(div:has(>#header-container)){padding-top:var(--header-height)}
div:has(>#header-container){position:sticky;top:0;z-index:2000;height:var(--header-height)}
#header-container{height:var(--header-height)}
div:has(>#main-layout-wrapper){display:flex}
#main-layout-wrapper{display:flex;@media screen and (max-width:767px){display:flex;width:100%;overflow:hidden;margin:0 10px}
}
.content-container{flex-grow:1;padding:2rem 1rem;@media screen and (max-width:991px){width:100% !important;overflow:hidden}
}
.sideNavigation .chi-sidenav.-global .chi-sidenav__content nav .chi-sidenav__list>li:first-of-type{margin:0;padding-top:.375rem}
.sidenav-container{position:sticky;top:var(--header-height);flex-shrink:0;height:var(--content-height)}
.sidenav-container div:has(#global-nav){height:100%}
.sideNavigation #toggle-nav .chi-button span{width:30px;height:30px;display:inline-block;background:url("../../../../content/dam/docs/images/img-nav-icon-open.svg") no-repeat center center}
.sideNavigation #toggle-nav .chi-button span:hover{background:url("../../../../content/dam/docs/images/img-nav-icon-open-hover.svg") no-repeat center center}
.sideNavigation #toggle-nav .chi-button.-rotate--180 span{transform:rotate(180deg)}
#global-nav{overflow-y:scroll}
.sideNavigation #global-nav{width:20.25rem}
#global-nav.-collapsed{display:none}
@media(max-width:1199.98px){#main-layout-wrapper>div:has(div>.sideNavigation){position:relative}
#global-nav-wrapper,#global-nav,#toggle-nav .chi-button{display:none}
}
#mobile-nav .chi-drawer.-left,#mobile-nav .chi-backdrop.-animated{top:var(--header-height)}
#mobile-nav-drawer .chi-drawer__footer{padding:0}
#mobile-nav-drawer .chi-drawer__footer div[slot="footer"]{width:100%;display:flex;gap:.0625rem;flex-direction:column}
.chi-mobile-nav .signindiv .signin-container{display:inline-flex;width:100%;border-bottom:1px solid #d0d4d9;margin-bottom:10px;padding-bottom:10px}
.chi-mobile-nav .signindiv .singlesignin-v2{width:100%}
.chi-mobile-nav .signindiv .headerUserDropDown{width:100%;float:left}
.chi-mobile-nav .signindiv .signInButton{color:#000;font-size:1rem;font-weight:300;width:100%;padding:.875rem;text-align:left}
#mobile-nav .dropDownDiv.chi.signed-in-content.open{display:block;position:relative;box-shadow:none;text-align:left}
#mobile-nav .dropDownDiv .signed-in-links{list-style:none;padding:10px}
#mobile-nav .dropDownDiv .sign-out-link{padding-left:0}
#mobile-nav .welcome-message-button{font:500 16px / 19px Gotham !important}
#mobile-nav .signed-in-links .control-center .heading:before{content:"";font-family:chi;line-height:normal;padding-right:10px;position:absolute;position:relative}
#mobile-nav .signed-in-links .sign-out-link:before{content:"";font-family:chi;line-height:normal;padding-right:10px;position:absolute;position:relative}
#mobile-nav .welcome-message-button:after{border:0;color:#000;content:"";display:inline-block;font-family:chi;font-size:10px;left:10px;line-height:normal;position:absolute;position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none}
#mobile-nav .welcome-message-button.open:after{bottom:1px;color:#000;top:unset;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#mobile-nav .userDropDown ul li{padding:10px 0}
#mobile-nav .userDropDown a{text-decoration:none}
#mobile-nav .signInButton.hide + #card-div{display:block !important}