:root{--c-brandLogoImage:url(/docs/component-library/app/images/salesforce-cloud.svg?cache=1);--c-sldsRoot:url(/docs/component-library/slds/2.16.0-alpha.4);--c-brandBandDefaultImage:url(/docs/component-library/app/images/brand-brand.png?cache=90714b5e);--c-imageRoot:url(/docs/component-library/app/images);}@keyframes auraPlaceholderSpin{from{transform:rotate(0deg)}to{transform:rotate(720deg)}}.auraPlaceholder.spin{display:inline-block;border:1px solid #666;background-color:#888;border-radius:16px;width:9px;height:9px;animation-iteration-count:infinite;animation-name:auraPlaceholderSpin;animation-duration:.75s;animation-timing-function:ease-in-out}.auraPlaceholder.spin:AFTER,.auraPlaceholder.spin:BEFORE{content:"";border-radius:4px;background-color:#666;position:absolute}.auraPlaceholder.spin:AFTER{height:1px;width:17px;margin-top:4px;margin-left:-4px}.auraPlaceholder.spin:BEFORE{height:17px;width:1px;margin-left:4px;margin-top:-4px}.uiButton{display:inline-block;cursor:pointer}.uiButton .label{display:block;white-space:normal}.uiButton--default{font-weight:bold;font-size:.9em;margin:2px 3px;padding:4px 6px;text-decoration:none;text-align:center;border-radius:4px;border:0;border-top:1px solid var(--slds-g-color-border-base-4, rgba(255, 255, 255, 0.45));background:var(--slds-g-color-neutral-base-100, #dddfe1);background:var(--slds-g-color-neutral-base-100, linear-gradient(#f8f8f9, #dddfe1));box-shadow:0 1px 3px var(--slds-g-color-neutral-10-opacity-75, rgba(0, 0, 0, 0.7)),0 1px 0 var(--slds-g-color-neutral-10-opacity-25, rgba(0, 0, 0, 0.3));text-shadow:0 1px 1px var(--slds-g-color-neutral-base-100, #fff)}.uiButton--default:hover,.uiButton--default:focus,.uiButton--default.is-selected{background:var(--slds-g-color-neutral-base-95, #757d8a linear-gradient(#7f8792, #535b68));text-shadow:0 -1px 1px var(--slds-g-color-neutral-10-opacity-10, rgba(0, 0, 0, 0.5))}.uiButton--default .label{white-space:normal;color:var(--slds-g-color-brand-base-50, #3A3D42)}.uiButton--default:hover .label,.uiButton--default:focus .label{color:var(--slds-g-link-color-focus, #FFF)}.uiButton--default:disabled{cursor:default;background:var(--slds-g-color-neutral-base-100, #B9B9B9);box-shadow:none;text-shadow:none}.uiButton--default:disabled .label{color:var(--slds-g-color-neutral-base-80, #888)}.uiButton--default:disabled .label:hover{color:var(--slds-g-color-neutral-base-80, #888)}.componentReferenceExamples .examples-list{border-radius:.25rem;border:1px solid rgb(221, 219, 218);max-height:197px}.componentReferenceExamples .example-box{position:relative}@media screen and (max-width:768px){.componentReferenceExamples .example-box-container{margin-top:1rem}}.uiContainerManager{display:flex;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-orient:horizontal;-moz-box-pack:center;-moz-box-align:center;-ms-flex-align:center;-ms-flex-direction:row;box-orient:horizontal;box-pack:center;box-align:center;position:absolute;width:100%;height:100%;top:0;left:0}.uiModal .hidden{display:none}.uiModal .modal-body{-webkit-overflow-scrolling:touch}@media (-ms-high-contrast:none),(-ms-high-contrast:active){.uiModal .modal-container.slds-modal__container{transform:inherit}}.uiModal .transitioning{transition:transform .3s linear,opacity .2s linear}.uiModal .panel.movefrombottom{visibility:visible;animation:movefrombottom-modal .4s ease-in-out}.uiModal .panel.movetobottom{visibility:visible;animation:movetobottom-modal .4s ease-in-out}.uiModal .panel.movefromtop{visibility:visible;animation:movefromtop-modal .4s ease-in-out}.uiModal .panel.movetotop{visibility:visible;animation:movetotop-modal .4s ease-in-out}.uiModal .panel.movefromleft{visibility:visible;animation:movefromleft-modal .4s ease-in-out}.uiModal .panel.movetoleft{visibility:visible;animation:movetoleft-modal .4s ease-in-out}.uiModal .panel.movefromright{visibility:visible;animation:movefromright-modal .4s ease-in-out}.uiModal .panel.movetoright{visibility:visible;animation:movetoright-modal .4s ease-in-out}.uiModal .panel.movefromcenter{visibility:visible;animation:movefromcenter .4s ease-in-out}.uiModal .panel.movetocenter{visibility:visible;animation:movetocenter .4s ease-in-out}.uiModal .panel.movefrompop{visibility:visible;animation:movefrompop-modal .2s linear}.uiModal .panel.movetopop{visibility:visible;animation:movetopop-modal .2s ease-in-out}@keyframes movetobottom-modal{from{transform:translate3d(0px, 0px , 0px)}to{transform:translate3d(0px, 16px , 0px)}}@keyframes movefrombottom-modal{from{transform:translate3d(0px, 16px , 0px)}to{transform:translate3d(0px, 0px , 0px)}}@keyframes movetotop-modal{from{transform:translate3d(0px, 0px , 0px)}to{transform:translate3d(0px, -16px , 0px)}}@keyframes movefromtop-modal{from{transform:translate3d(0px, -16px , 0px)}to{transform:translate3d(0px, 0px , 0px)}}@keyframes movetoleft-modal{from{transform:translate3d(0px, 0px , 0px)}to{transform:translate3d(-16px, 0px , 0px)}}@keyframes movefromleft-modal{from{transform:translate3d(-16px, 0px , 0px)}to{transform:translate3d(0px, 0px , 0px)}}@keyframes movetoright-modal{from{transform:translate3d(0px, 0px , 0px)}to{transform:translate3d(16px, 0 , 0px)}}@keyframes movefromright-modal{from{transform:translate3d(16px, 0px , 0px)}to{transform:translate3d(0px, 0px , 0px)}}@keyframes movetopop-modal{from{transform:scale3d(1,1,1)}to{transform:scale3d(.97,.97,1)}}@keyframes movefrompop-modal{0%{transform:scale3d(.97,.97,1)}60%{transform:scale3d(1.02,1.02,1)}100%{transform:scale3d(1,1,1)}}@keyframes movefromcenter{from{transform:scale3d(.97,.97,1)}}@keyframes movetocenter{to{transform:scale3d(.97,.97,1)}}.uiModal--default{display:none;position:fixed;top:0;right:0;bottom:0;left:0}.uiModal--default.open{display:flex}.uiModal--default .modal-glass{transition:opacity .2s;position:absolute;display:block;opacity:0;top:0;right:0;bottom:0;left:0;background-color:var(--slds-g-color-neutral-10-opacity-50, #A8B7C7)}.uiModal--default .modal-glass.fadein{transition:opacity .2s}.uiModal--default .panel{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;padding:3rem 0;transform:translate3d(0,200,0)}.uiModal--default .modal-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;border-radius:.25rem;width:50%;max-width:40rem;min-width:20rem;height:100%}.uiModal--default .modal-header,.uiModal--default .modal-body,.uiModal--default .modal-footer{background-color:var(--slds-g-color-neutral-base-95,#fff)}.uiModal--default .modal-header{border-top-left-radius:.25rem;border-top-right-radius:.25rem;position:relative;text-align:center;flex-shrink:0}.uiModal--default .modal-header .title{-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:1.5rem 1rem}.uiModal--default .modal-header.empty+.modal-body{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.uiModal--default .modal-body{overflow:hidden;overflow-y:auto}.uiModal--default .modal-footer{flex-shrink:0}.uiModal--default .uiButton.closeBtn{position:absolute;top:-30px;right:4px;font-family:Arial;font-size:25px;padding:12px;margin:-12px;overflow:visible;background:transparent;border:none;box-shadow:none;color:var(--slds-g-color-neutral-base-100, #fff)}.uiModal--large .modal-container{width:90%;max-width:none;min-width:640px}.uiPanel{display:none;position:absolute;border:1px solid var(--slds-g-color-border-base-1, #B6B6B6);border-radius:5px;background-color:var(--slds-g-color-neutral-base-100, #FFFFFF);overflow:visible;top:0;left:0;-webkit-transform:translate3d(0,0,0)}.uiPanel.open,.uiPanel.transitioning{display:block}.uiPanel .container{position:relative;z-index:9002}.uiPanel>.pointer{z-index:9001;width:calc(1.25rem + .0625rem);height:calc(1.25rem + .0625rem);transform:rotate(45deg);border-top:1px solid var(--slds-g-color-border-base-1, #d8dde6);border-left:1px solid var(--slds-g-color-border-base-1, #d8dde6);background:var(--slds-g-color-neutral-base-100, #fff);position:absolute;top:0;left:0}.uiPanel.east>.pointer{border:0;border-left:1px solid var(--slds-g-color-border-base-1, #d8dde6);border-bottom:1px solid var(--slds-g-color-border-base-1, #d8dde6)}.uiPanel.west>.pointer{border:0;border-right:1px solid var(--slds-g-color-border-base-1, #d8dde6);border-top:1px solid var(--slds-g-color-border-base-1, #d8dde6)}.uiPanel.north>.pointer{border:0;border-bottom:1px solid var(--slds-g-color-border-base-1, #d8dde6);border-right:1px solid var(--slds-g-color-border-base-1, #d8dde6)}.uiPanel div[role=document]{overflow:hidden;height:100%}.uiPanel .content{padding:1px 14px}.uiPanel .uiButton.closeBtn{position:absolute;right:0;font-family:Arial;font-size:25px;overflow:visible;background:transparent;border:none;box-shadow:none;color:var(--slds-g-color-neutral-base-50, #0070D2);top:0;z-index:9001}.uiPanel .uiButton:hover{color:var(--slds-g-color-brand-base-30, #0070D2)}.uiPanel .uiButton.closeBtn:focus{outline:0;box-shadow:0 0 3px var(--slds-g-link-color-focus, #0070D2);color:var(--slds-g-color-brand-base-30, #0070D2)}.uiPanel .panel-header{position:relative}.uiPanel .panel-content{overflow:auto;-webkit-overflow-scrolling:touch;height:100%}.uiPanel .IOS.container .panel-content>*{transform:translate3d(0, 0, 0)}.uiPanel.movefrombottom{visibility:visible;animation:movefrombottomnoopacity .1s ease-out backwards}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){.uiPanel.movefrombottom{animation:movefrombottom .2s ease both}}@media (min--moz-device-pixel-ratio:0) and (min-width:0){.uiPanel.movefrombottom{animation:movefrombottom .2s ease both}}.uiPanel.movetobottom{visibility:visible;animation:movefrombottom .2s ease-in both reverse}@keyframes movefrombottomnoopacity{from{transform:translate3d(0px, 16px , 0px)}to{transform:translate3d(0px, 0px , 0px)}}@keyframes movefrombottom{from{transform:translate3d(0px, 16px , 0px);opacity:0}to{transform:translate3d(0px, 0px , 0px);opacity:1}}.uiPanel.movefromtop{visibility:visible;animation:movefromtop .2s ease both}.uiPanel.movetotop{visibility:visible;animation:movefromtop .2s ease both reverse}@keyframes movefromtop{from{transform:translate3d(0px, -16px , 0px)}to{transform:translate3d(0px, 0px , 0px)}}.uiPanel.movefromleft{visibility:visible;animation:movefromleft .2s ease both}.uiPanel.movetoleft{visibility:visible;animation:movefromleft .2s ease both reverse}@keyframes movefromleft{from{transform:translate3d(-16px, 0px , 0px)}to{transform:translate3d(0px, 0px , 0px)}}.uiPanel.movefromright{visibility:visible;animation:movefromright .2s ease both}.uiPanel.movetoright{visibility:visible;animation:movefromright .2s ease both reverse}@keyframes movefromright{from{transform:translate3d(16px, 0px , 0px)}to{transform:translate3d(0px, 0px , 0px)}}.uiPanel.movefromcenter{visibility:visible;animation:movefromcenter .2s linear}.uiPanel.movetocenter{visibility:visible;animation:movefromcenter .2s linear reverse}@keyframes movefromcenter{from{transform:scale3d(.97,.97,1)}}.uiPanel.movefrompop{visibility:visible;animation:movefrompop .2s linear}.uiPanel.movetopop{visibility:visible;animation:movefrompop .2s ease both reverse}@keyframes movefrompop{0%{transform:scale3d(.97,.97,1)}60%{transform:scale3d(1.02,1.02,1)}100%{transform:scale3d(1,1,1)}}.uiPanel--default.positioned{border:1px solid var(--slds-g-color-border-base-1, #d8dde6);-webkit-filter:drop-shadow(0px 2px 3px var(--slds-g-color-neutral-10-opacity-10, rgba(0,0,0,0.16)))}.uiPanel--default .panel-header .title{padding:1.5rem 1rem;text-align:center}.uiPanel--full-screen{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.uiPanelManager2{display:flex;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-orient:horizontal;-moz-box-pack:center;-moz-box-align:center;-ms-flex-align:center;-ms-flex-direction:row;box-orient:horizontal;box-pack:center;box-align:center;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.uiPanelManager2 *{pointer-events:auto}.componentReferenceBundle .documentation-selected{background-image:url(/docs/component-library/app/images/codey-astro-lego.png);background-position:bottom -1px right -1px;background-repeat:no-repeat;background-size:332px 401px;min-height:500px}.componentReferenceBundle .specification-selected{background-image:url(/docs/component-library/app/images/astro-lego.png);background-position:right -1px top 122px;background-repeat:no-repeat;background-size:328px 199px}.componentReferenceBundle.bundle{overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.componentReferenceDscFooter{background-color:white}.componentReferenceDscHeader{position:relative;z-index:200}.componentReferenceDscHeader:not(.loaded){height:112px;background-color:white}@media screen and (max-width:1024px){.componentReferenceDscHeader:not(.loaded){height:44px;background-color:white}}.componentReferenceDscHeader .header-mobile-search{overflow:hidden}.componentReferenceBaseSuite .viewport{position:relative;z-index:1}.componentReferenceBaseSuite .main{position:relative;display:flex}.componentReferenceBaseSuite .content{flex:2;position:relative;min-height:calc(100vh - 3.125rem - 2.5rem);overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.componentReferenceBaseSuite .content-inner{flex:2;position:relative;display:flex}.componentReferenceBaseSuite .global-search .slds-form-element,.componentReferenceBaseSuite .global-search .slds-form-element__control{display:block}@media screen and (max-width:480px){.componentReferenceBaseSuite .show-sidebar .content{margin:32px 0 0 0;height:100%}.componentReferenceBaseSuite .main.sidebar-visible .content{display:none}}.componentReferenceBaseSuite .resources-panel{top:90px;width:100%}.componentReferenceBaseSuite .resources-panel .codey{background-image:url(/docs/component-library/app/images/codey-lego.png)}.componentReferenceBaseSuite .resources-panel.uiPanel{border:0;border-radius:0;border-bottom:3px solid #706e6b}.componentReferenceBaseSuite .resources-panel.dsc{top:150px}.componentReferenceBaseSuite .resources-panel button{color:rgb(171, 173, 176)}.componentReferenceBaseSuite componentreference-component-filters button,.componentReferenceBaseSuite componentreference-component-filters button:hover{color:rgb(112, 110, 107)}.componentReferenceBaseSuite .external-documentation-content p,.componentReferenceBaseSuite .external-documentation-content .slds-box,.componentReferenceBaseSuite .external-documentation-content ul,.componentReferenceBaseSuite .external-documentation-content ol,.componentReferenceBaseSuite .external-documentation-content li,.componentReferenceBaseSuite .external-documentation-content h1,.componentReferenceBaseSuite .external-documentation-content dt,.componentReferenceBaseSuite .external-documentation-content dd,.componentReferenceBaseSuite .external-documentation-content h2{max-width:900px}.componentReferenceBaseSuite .external-documentation-content h1{font-size:2.625rem}.componentReferenceBaseSuite .external-documentation-content h2{font-size:1.75rem}html{background:#b4c6e2}.componentReferenceOffCoreSuite .slds-global-header__logo{background-image:var(--c-brandLogoImage,url(/docs/component-library/app/images/salesforce-cloud.svg?cache=1))}.componentReferenceOffCoreSuite .slds-brand-band{background-color:rgb(234,245,254)}.componentReferenceOffCoreSuite hgf-c360contextnav hgf-button button{display:var(--sds-c-button-display, inline-flex)!important}