@govbr-ds/webcomponents 2.1.2 → 2.2.0

package/dist/collection/components/header/header.css

@@ -1 +1 @@
-*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media(min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--color-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);--item-padding-y: var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin: var(--grid-portrait-margin);--grid-maxwidth: var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter: var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media(min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tablet-margin)}.row{--grid-gutter: var(--grid-tablet-gutter)}.container{--grid-maxwidth: calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media(min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tablet-margin)}.row{--grid-gutter: var(--grid-tablet-gutter)}.container{--grid-maxwidth: calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media(min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-desktop-margin)}.row{--grid-gutter: var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth: calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media(min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tv-margin)}.row{--grid-gutter: var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth: calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media(min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media(min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media(min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset: var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media(min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background: var(--background);--table-color: var(--color);--table-border-color: var(--gray-20);--table-border-style: solid;--table-border-width: 1px;--table-hover: var(--color-rgb);--table-padding: var(--spacing-scale-3x);--table-font-weight: var(--font-weight-medium);--table-th-background: var(--background-alternative);--table-th-font-weight: var(--font-weight-semi-bold);--table-row-size: var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{--header-padding: var(--header-padding-medium);--header-padding-small: var(--spacing-scale-base);--header-padding-medium: var(--spacing-scale-2x);--header-padding-large: var(--spacing-scale-3x);--header-logo-size: var(--header-logo-medium);--header-logo-small: 16px;--header-logo-medium: 24px;--header-logo-large: 40px;--header-title-size: var(--font-size-scale-base);--header-subtitle-size: var(--font-size-scale-down-01);--header-logo-desktop-width: 120px;--header-logo-desktop-height: 48px;--header-logo-compact: 60px;--header-logo-compact-height: 32px;--header-logo-mobile-width: 80px;--header-logo-mobile-height: 40px;display:block;width:100%;position:relative;z-index:var(--z-index-layer-2)}:host([is-sticky]),:host([sticky]){transition:all .15s ease;position:sticky;top:0;z-index:var(--z-index-layer-2)}:host([is-sticky]) .br-header,:host([sticky]) .br-header{box-shadow:var(--surface-shadow-xl)}.br-header{display:flex;flex-direction:column;background:var(--background);box-shadow:var(--surface-shadow-sm);padding:var(--header-padding) 0;position:relative}.br-header br-divider::part(hr){margin:0 var(--spacing-scale-base)}.br-header.compact{--header-padding: var(--header-padding-small)}.br-header.compact .header-bottom-left{flex:0 0 auto}.br-header.small{--header-padding: var(--header-padding-small)}.br-header.large{--header-padding: var(--header-padding-large)}.br-header .header-top{display:flex;flex-direction:row;justify-content:space-between}.br-header .header-top .header-top-left,.br-header .header-top .header-top-right{display:flex}.br-header .header-top .header-top-left{flex:0 0 auto}.br-header .header-top .header-top-left .header-logo{align-self:center}.br-header .header-top .header-top-left .header-signature{align-self:center;font-weight:500;overflow:hidden}.br-header .header-top .header-top-right{flex:1 0 auto;justify-content:flex-end}.br-header .header-top .header-top-right .header-links{align-self:center}.br-header .header-top .header-top-right .header-functions{align-self:center}.br-header .header-top .header-top-right .header-search-icon{align-self:center;background:rgba(0,0,0,0);border:0;padding:0}.br-header .header-top .header-top-right .header-access{align-self:center}.br-header .header-bottom{display:flex;flex-direction:row;justify-content:space-between;margin-top:var(--header-padding-small)}.br-header .header-bottom .header-bottom-left{display:flex}.br-header .header-bottom .header-bottom-left .header-caption-wrapper{margin-left:var(--spacing-scale-2x)}.br-header .header-bottom .header-bottom-left .header-caption{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:var(--header-title-size);margin-top:2px}.br-header .header-bottom .header-bottom-left .header-subcaption{font-size:var(--header-subtitle-size);font-weight:500;margin-top:var(--spacing-scale-half)}.br-header .header-bottom .header-bottom-right{display:none;min-width:268px;flex:0 0 auto}.br-header .header-bottom .header-bottom-right.is-active{display:flex}.br-header .header-access{margin-left:var(--spacing-scale-3x)}.br-header .header-menu-trigger{margin-right:var(--spacing-scale-half)}.br-header .header-search[is-active]{align-items:center;background:var(--background);inset:0;display:flex;padding:0 var(--spacing-scale-2x);position:absolute}.br-header .header-search[is-active] ::slotted(br-input){width:100%}.br-header .header-search[is-active] .search-close{margin-left:var(--spacing-scale-base);position:absolute;right:var(--spacing-scale-2x);z-index:2}@media(width >= 576px){.br-header{--header-title-size: var(--font-size-scale-up-02);--header-subtitle-size: var(--font-size-scale-down-01)}.br-header .header-top .header-top-right{position:relative}.br-header .header-bottom .header-bottom-left .header-caption{margin-top:0}.br-header .header-bottom .header-bottom-left .header-subcaption{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.br-header.compact{--header-title-size: var(--font-size-scale-up-01)}.br-header.compact .container-lg{position:relative}.br-header.compact .header-top{display:block}.br-header.compact .header-top-left{float:left}.br-header.compact .header-top-right{float:right;margin-top:var(--spacing-scale-2xh);position:relative}.br-header.compact .header-bottom{clear:left}}@media(width >= 1280px){.br-header{--header-title-size: var(--font-size-scale-up-03);--header-subtitle-size: var(--font-size-scale-base)}.br-header.compact{--header-title-size: var(--font-size-scale-up-02)}.br-header:not(.compact) .header-bottom .header-bottom-right{display:flex}.br-header:not(.compact) .header-bottom ::slotted([slot=search]){width:385px}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}
+*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media(min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--color-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);--item-padding-y: var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin: var(--grid-portrait-margin);--grid-maxwidth: var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter: var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media(min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tablet-margin)}.row{--grid-gutter: var(--grid-tablet-gutter)}.container{--grid-maxwidth: calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media(min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tablet-margin)}.row{--grid-gutter: var(--grid-tablet-gutter)}.container{--grid-maxwidth: calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media(min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-desktop-margin)}.row{--grid-gutter: var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth: calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media(min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tv-margin)}.row{--grid-gutter: var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth: calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media(min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media(min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media(min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset: var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media(min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background: var(--background);--table-color: var(--color);--table-border-color: var(--gray-20);--table-border-style: solid;--table-border-width: 1px;--table-hover: var(--color-rgb);--table-padding: var(--spacing-scale-3x);--table-font-weight: var(--font-weight-medium);--table-th-background: var(--background-alternative);--table-th-font-weight: var(--font-weight-semi-bold);--table-row-size: var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media(prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{--header-padding: var(--header-padding-medium);--header-padding-small: var(--spacing-scale-base);--header-padding-medium: var(--spacing-scale-2x);--header-padding-large: var(--spacing-scale-3x);--header-logo-size: var(--header-logo-medium);--header-logo-small: 16px;--header-logo-medium: 24px;--header-logo-large: 40px;--header-title-size: var(--font-size-scale-base);--header-subtitle-size: var(--font-size-scale-down-01);--header-logo-desktop-width: 120px;--header-logo-desktop-height: 48px;--header-logo-compact: 60px;--header-logo-compact-height: 32px;--header-logo-mobile-width: 80px;--header-logo-mobile-height: 40px;display:block;width:100%;position:relative;z-index:var(--z-index-layer-2)}:host([is-sticky]),:host([sticky]){position:sticky;top:0;z-index:var(--z-index-layer-2)}:host([is-sticky]) .br-header,:host([sticky]) .br-header{box-shadow:var(--surface-shadow-xl)}.br-header{transition:none}@media(prefers-reduced-motion: no-preference){.br-header{transition:box-shadow var(--duration-very-fast, 100ms) var(--animation-ease, ease)}}.br-header{display:flex;flex-direction:column;background:var(--background);box-shadow:var(--surface-shadow-sm);padding:var(--header-padding) 0;position:relative}.br-header br-divider::part(hr){margin:0 var(--spacing-scale-base)}.br-header.compact{--header-padding: var(--header-padding-small)}.br-header.compact .header-bottom-left{flex:0 0 auto}.br-header.small{--header-padding: var(--header-padding-small)}.br-header.large{--header-padding: var(--header-padding-large)}.br-header .header-top{display:flex;flex-direction:row;justify-content:space-between}.br-header .header-top .header-top-left,.br-header .header-top .header-top-right{display:flex}.br-header .header-top .header-top-left{flex:0 0 auto}.br-header .header-top .header-top-left .header-logo{align-self:center}.br-header .header-top .header-top-left .header-signature{align-self:center;font-weight:500;overflow:hidden}.br-header .header-top .header-top-right{flex:1 0 auto;justify-content:flex-end}.br-header .header-top .header-top-right .header-links{align-self:center}.br-header .header-top .header-top-right .header-functions{align-self:center}.br-header .header-top .header-top-right .header-search-icon{align-self:center;background:rgba(0,0,0,0);border:0;padding:0}.br-header .header-top .header-top-right .header-access{align-self:center}.br-header .header-bottom{display:flex;flex-direction:row;justify-content:space-between;margin-top:var(--header-padding-small)}.br-header .header-bottom .header-bottom-left{display:flex}.br-header .header-bottom .header-bottom-left .header-caption-wrapper{margin-left:var(--spacing-scale-2x)}.br-header .header-bottom .header-bottom-left .header-caption{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:var(--header-title-size);margin-top:2px}.br-header .header-bottom .header-bottom-left .header-subcaption{font-size:var(--header-subtitle-size);font-weight:500;margin-top:var(--spacing-scale-half)}.br-header .header-bottom .header-bottom-right{display:none;min-width:268px;flex:0 0 auto}.br-header .header-bottom .header-bottom-right.is-active{display:flex}.br-header .header-access{margin-left:var(--spacing-scale-3x)}.br-header .header-menu-trigger{margin-right:var(--spacing-scale-half)}.br-header .header-search[is-active]{align-items:center;background:var(--background);inset:0;display:flex;padding:0 var(--spacing-scale-2x);position:absolute}.br-header .header-search[is-active] ::slotted(br-input){width:calc(100% - var(--spacing-scale-6x))}.br-header .header-search[is-active] .search-close{margin-left:var(--spacing-scale-base);position:absolute;right:var(--spacing-scale-2x);top:calc(50% - var(--spacing-scale-half, 4px));transform:translateY(-50%);z-index:2}@media(width >= 576px){.br-header{--header-title-size: var(--font-size-scale-up-02);--header-subtitle-size: var(--font-size-scale-down-01)}.br-header .header-top .header-top-right{position:relative}.br-header .header-bottom .header-bottom-left .header-caption{margin-top:0}.br-header .header-bottom .header-bottom-left .header-subcaption{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.br-header.compact{--header-title-size: var(--font-size-scale-up-01)}.br-header.compact .container-lg{position:relative}.br-header.compact .header-top{display:block}.br-header.compact .header-top-left{float:left}.br-header.compact .header-top-right{float:right;margin-top:var(--spacing-scale-2xh);position:relative}.br-header.compact .header-bottom{clear:left}.br-header.compact[data-layout=compact-no-brand] .header-top{inset:0;pointer-events:none;position:absolute}.br-header.compact[data-layout=compact-no-brand] .header-top-left{display:none}.br-header.compact[data-layout=compact-no-brand] .header-top-right{align-items:center;float:none;height:100%;margin-top:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:1}.br-header.compact[data-layout=compact-no-brand] .header-bottom{clear:none;margin-top:0;min-height:32px;position:relative}.br-header.compact[data-layout=compact-no-brand] .header-bottom-left{flex:0 0 auto}}@media(width >= 1280px){.br-header{--header-title-size: var(--font-size-scale-up-03);--header-subtitle-size: var(--font-size-scale-base)}.br-header.compact{--header-title-size: var(--font-size-scale-up-02)}.br-header:not(.compact) .header-bottom .header-bottom-right{display:flex}.br-header:not(.compact) .header-bottom ::slotted([slot=search]){width:385px}}

package/dist/collection/components/header/header.js

@@ -6,6 +6,8 @@ import { Host, h, } from "@stencil/core";
 import { BREAKPOINTS, BreakpointObserver } from "../../shared/utils/breakpoint-observer";
 import { generateUniqueId } from "../../shared/utils/id";
 import { handleNavigationClick } from "../../shared/utils/navigation";
+import { findComposedOwner } from "../../shared/utils/ownership";
+import { resolveAllowedPropValue, resolveDensity } from "../../shared/utils/props";
 import { createRafBatcher } from "../../shared/utils/raf-batcher";
 /**
  * Nomes das áreas do cabeçalho.
@@ -40,16 +42,41 @@ function createHeaderAreaConfig(name, loose = ALL_BREAKPOINTS, compact = ALL_BRE
     };
 }
 /**
- * Para a documentação completa, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/header?tab=designer).
+ * O componente `br-header` é o orquestrador principal de cabeçalho do GovBR-DS. Centraliza a identidade visual do órgão ou sistema público, links de navegação hierárquica, atalhos de funcionalidades, mecanismo de busca e botão de acesso ou autenticação.
  *
- * ### Acionamento de Menu Associado
- * Para integrar o cabeçalho com um menu (`br-menu`), passe um botão no slot `menu-trigger` com os seguintes atributos:
- * - `data-toggle="menu"`
- * - `data-target="#id-do-menu"` (substitua pelo ID ou `customId` do seu `br-menu`)
+ * ### Para que serve
  *
- * O componente `br-menu` escuta a esses atributos no escopo do documento e controlará automaticamente sua visibilidade.
+ * - **Identidade institucional unificada:** Apresenta a marca e assinatura visual oficial do Governo Federal e da entidade pública.
+ * - **Navegação e atalhos rápidos:** Reúne links para áreas centrais e botões funcionais (como contraste, acessibilidade e suporte).
+ * - **Busca e autenticação integradas:** Fornece áreas reservadas e slots para barra de busca rápida e gatilho de login/acesso.
+ * - **Comportamento responsivo e densidades:** Adapta-se automaticamente a diferentes telas com suporte a densidades padrão, compacta, pequena e grande.
  *
- * @category Estrutura
+ * ### Quando utilizar
+ *
+ * - **Utilize quando:**
+ *   - Desenvolver páginas, portais e sistemas públicos federais que requerem a barra superior padronizada do GovBR-DS.
+ *   - For necessário integrar identidade visual, navegação rápida, busca e acesso em uma estrutura consistente.
+ * - **Evite e prefira outro componente quando:**
+ *   - A navegação for exclusivamente lateral ou contextual interna de uma ferramenta gráfica (prefira `br-menu` ou barras de ferramentas específicas).
+ *
+ * ### Composição e Subcomponentes
+ *
+ * | Subcomponente | Papel | Regra de uso |
+ * | --- | --- | --- |
+ * | `br-header` | **Orquestrador principal.** Estrutura as áreas superior e inferior, gerencia responsividade e densidade. | Deve ser declarado como elemento raiz do topo da página. |
+ * | `br-header-logo` | **Identidade visual.** Exibe o logotipo ou brasão institucional. | Posicionado nos slots `logo` ou `signature` do `br-header`. |
+ * | `br-header-list` | **Agrupador de lista.** Contêiner semântico horizontal para links ou funções. | Encaixa-se nos slots `links` ou `functions` do `br-header`. |
+ * | `br-header-link` | **Item de link.** Atalho ou hiperlink de navegação institucional. | Deve ser inserido dentro de um `br-header-list` no slot `links`. |
+ * | `br-header-function` | **Ação funcional.** Botão de utilidade rápida (contraste, ajuda, etc.). | Deve ser inserido dentro de um `br-header-list` no slot `functions`. |
+ *
+ * ### Como os subcomponentes se relacionam
+ *
+ * O `br-header` orquestra as áreas da barra através de slots nomeados (`logo`, `signature`, `links`, `functions`, `search`, `access`, `menu-trigger`, `caption`, `subcaption`). Ele observa o tamanho de tela e a densidade configurada, reorganizando os blocos e delegando a exibição correta aos subcomponentes filhos.
+ *
+ * Para a documentação completa de design, incluindo diretrizes de acessibilidade e especificações visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/header?tab=designer).
+ *
+
+ * @category Estrutura, Navegação, Identidade
  * @status stable
  * @slot logo - Slot para a logo do cabeçalho.
  * @slot signature - Slot para a assinatura visual da organização.
@@ -119,6 +146,7 @@ export class Header {
          * - `medium`: Densidade intermediária, padrão recomendado para a maioria dos casos.
          * - `large`: Baixa densidade (componente maior, mais espaçamento e altura).
          *
+         * Valores inválidos usam `medium`.
          */
         this.density = 'medium';
         /**
@@ -128,6 +156,9 @@ export class Header {
         this.isCompact = false;
         /**
          * Fixa o cabeçalho no topo durante a rolagem.
+         * Quando `compact` ou `is-compact` é definido explicitamente, o modo visual
+         * permanece fixo durante a rolagem. Sem essa configuração, o header sticky
+         * alterna automaticamente entre os modos compacto e expandido.
          * @deprecated Use `sticky`.
          */
         this.isSticky = false;
@@ -166,13 +197,13 @@ export class Header {
         /** Indica que o estado compacto atual foi derivado da rolagem. */
         this.compactFromScroll = false;
         this.headerResizeBatcher = createRafBatcher(() => {
-            this.headerWidthChange.emit({ id: this.customId, listNames: ['links', 'functions'], shrink: false });
+            this.emitHeaderWidthChange({ id: this.customId, listNames: ['links', 'functions'], shrink: false });
         });
         this.handleNavigation = (event, href) => {
             handleNavigationClick({
                 event,
                 href,
-                navigationMode: this.navigationMode,
+                navigationMode: this.effectiveNavigationMode,
                 brNavigate: this.brNavigate,
             });
         };
@@ -194,6 +225,13 @@ export class Header {
             const target = this.scrollTarget;
             if (target == null)
                 return;
+            const compactModeIsPinned = !this.compactFromScroll &&
+                (this.isCompact ||
+                    this.compact !== undefined ||
+                    this.el.hasAttribute('compact') ||
+                    this.el.hasAttribute('is-compact'));
+            if (compactModeIsPinned)
+                return;
             const scrollTop = this.getScrollTop(target);
             const atTop = scrollTop === 0;
             const shouldBeCompact = (this.sticky ?? this.isSticky) && !atTop;
@@ -238,6 +276,30 @@ export class Header {
             }
         };
     }
+    get effectiveShrinkFirst() {
+        return resolveAllowedPropValue(this.el, 'shrinkFirst', this.shrinkFirst, ['links', 'functions'], 'functions');
+    }
+    get effectiveNavigationMode() {
+        return resolveAllowedPropValue(this.el, 'navigationMode', this.navigationMode, ['native', 'event'], 'native');
+    }
+    get effectiveLayoutWidth() {
+        return resolveAllowedPropValue(this.el, 'layoutWidth', this.layoutWidth, ['contained', 'full'], 'contained');
+    }
+    get effectiveCompact() {
+        return this.compact ?? this.isCompact;
+    }
+    getOwnedHeaderChildren(selector) {
+        return Array.from(this.el.querySelectorAll(selector)).filter((element) => findComposedOwner(element, 'br-header') === this.el);
+    }
+    dispatchHeaderEvent(eventName, detail) {
+        this.getOwnedHeaderChildren('br-header-logo, br-header-link, br-header-function, br-header-list').forEach((child) => {
+            child.dispatchEvent(new CustomEvent(eventName, { detail }));
+        });
+    }
+    get hasBrandContent() {
+        return Boolean(this.getOwnedHeaderChildren('[slot="logo"], [slot="signature"]').length > 0 ||
+            (typeof this.signature === 'string' && this.signature.trim().length > 0));
+    }
     /**
      * Observa mudanças na propriedade isCompact.
      * @param newValue O novo valor de isCompact.
@@ -246,16 +308,21 @@ export class Header {
         if (this.compact !== undefined && this.compact !== newValue)
             this.compact = newValue;
         if (!this.hasLoaded) {
-            this.verifyListSpace(this.shrinkFirst);
+            this.verifyListSpace(this.effectiveShrinkFirst);
             return;
         }
         this.headerCompactChange.emit({ parentId: this.customId, isCompact: newValue });
         this.brHeaderCompactChange.emit({ parentId: this.customId, compact: newValue });
-        this.verifyListSpace(this.shrinkFirst);
+        this.dispatchHeaderEvent('headerCompactChange', { parentId: this.customId, isCompact: newValue });
+        this.dispatchHeaderEvent('brHeaderCompactChange', { parentId: this.customId, compact: newValue });
+        this.verifyListSpace(this.effectiveShrinkFirst);
     }
     watchCompact(newValue) {
-        if (newValue !== undefined && newValue !== this.isCompact)
-            this.isCompact = newValue;
+        if (newValue !== undefined) {
+            this.compactFromScroll = false;
+            if (newValue !== this.isCompact)
+                this.isCompact = newValue;
+        }
     }
     watchIsSticky() {
         if (this.sticky === undefined)
@@ -317,9 +384,10 @@ export class Header {
      */
     componentDidLoad() {
         this.monitorSlotContent();
-        this.verifyListSpace(this.shrinkFirst);
+        this.verifyListSpace(this.effectiveShrinkFirst);
         this.syncScrollListener();
         void this.handleHeaderListUpdate;
+        void this.handleHeaderListFocused;
         void this.handleListResize;
         queueMicrotask(() => {
             this.hasLoaded = true;
@@ -358,6 +426,13 @@ export class Header {
             });
         }
     }
+    handleHeaderListFocused(event) {
+        this.getOwnedHeaderChildren('br-header-list').forEach((list) => {
+            if (list.customId !== event.detail?.id) {
+                void list.closeList?.();
+            }
+        });
+    }
     handleListResize() {
         this.headerResizeBatcher.schedule(undefined);
     }
@@ -368,6 +443,10 @@ export class Header {
     async resetHeaderList() {
         this.handleListResize();
     }
+    emitHeaderWidthChange(detail) {
+        this.headerWidthChange.emit(detail);
+        this.dispatchHeaderEvent('headerWidthChange', detail);
+    }
     /**
      * Manipula o clique no ícone de busca.
      */
@@ -415,11 +494,12 @@ export class Header {
      * @returns Um objeto contendo as classes CSS a serem aplicadas.
      */
     getCssClassMap() {
+        const density = resolveDensity(this.el, this.density);
         return {
             'br-header': true,
-            compact: this.isCompact,
-            small: this.density === 'small' && !this.isCompact,
-            large: this.density === 'large' && !this.isCompact,
+            compact: this.effectiveCompact,
+            small: density === 'small' && !this.effectiveCompact,
+            large: density === 'large' && !this.effectiveCompact,
         };
     }
     /**
@@ -494,7 +574,7 @@ export class Header {
      * Atualiza o estado da área do cabeçalho com base no conteúdo dos slots.
      */
     syncHeaderAreaStates() {
-        this.el.querySelectorAll('[slot]').forEach((element) => {
+        this.getOwnedHeaderChildren('[slot]').forEach((element) => {
             const slotName = element.slot;
             if (this.isHeaderSlotName(slotName)) {
                 this.updateHeaderArea(slotName, {
@@ -555,7 +635,7 @@ export class Header {
         }
         const isOverflowing = topRightWidth > availableWidth;
         if (isOverflowing) {
-            this.headerWidthChange.emit({ id: this.customId, listNames: [listName], shrink: true });
+            this.emitHeaderWidthChange({ id: this.customId, listNames: [listName], shrink: true });
         }
     }
     /**
@@ -611,7 +691,7 @@ export class Header {
      * @returns Um elemento JSX representando o botão de fechar busca.
      */
     renderSearchCloseButton() {
-        return (h("br-button", { class: "search-close", shape: "circle", density: "small", emphasis: "tertiary", style: { position: 'absolute', right: 'var(--spacing-scale-2x)', zIndex: '2' }, onClick: this.handleSearchCloseClick, "prop:ariaLabel": "Fechar busca" }, h("br-icon", { iconName: "fa7-solid:close", width: "32", height: "32" })));
+        return (h("br-button", { class: "search-close", shape: "circle", density: "small", emphasis: "tertiary", onClick: this.handleSearchCloseClick, "prop:ariaLabel": "Fechar busca" }, h("br-icon", { iconName: "fa7-solid:close", width: "24", height: "24" })));
     }
     /**
      * Renderiza o conteúdo padrão do slot.
@@ -637,7 +717,7 @@ export class Header {
      * @returns JSX.Element
      */
     render() {
-        return (h(Host, { key: '8bc09796fafc335700311f66a36175e37a2b22ba', className: "mb-4" }, h("header", { key: 'c5d701eacc69607275a11c1551ed7d673f091189', id: this.customId, class: this.getCssClassMap(), part: "header" }, h("div", { key: 'cdf3c2774bd5ef9ceee9cff6a03bd3ecbe55f6b6', class: this.layoutWidth === 'full' ? 'container-fluid' : 'container-lg' }, h("div", { key: '1788724e44fa9e405e9f487dc51e6b3921d257b7', class: "header-top", part: "top" }, h("div", { key: 'f6bb5590253a751a221458902e050082bd80625a', class: "header-top-left", part: "top-left" }, this.renderHeaderArea(HeaderSlotNames.LOGO), this.renderDivider(HeaderSlotNames.LOGO, [HeaderSlotNames.SIGNATURE]), this.renderHeaderArea(HeaderSlotNames.SIGNATURE)), h("div", { key: '91fb7d67290cfbe8a7019c2921c46bee73cccf8a', class: "header-top-right", part: "top-right" }, this.renderHeaderArea(HeaderSlotNames.LINKS), this.renderDivider(HeaderSlotNames.LINKS, [HeaderSlotNames.FUNCTIONS, HeaderSlotNames.SEARCH_ICON]), this.renderHeaderArea(HeaderSlotNames.FUNCTIONS), this.renderDivider(HeaderSlotNames.FUNCTIONS, [HeaderSlotNames.SEARCH_ICON]), this.renderHeaderArea(HeaderSlotNames.SEARCH_ICON), this.renderHeaderArea(HeaderSlotNames.ACCESS))), h("div", { key: 'ae6085ef79127e501d963889cdc5e616a91b1f50', class: "header-bottom", part: "bottom" }, h("div", { key: 'b76815e61385d014fa9bc0b5c87387ff2a3b4243', class: "header-bottom-left", part: "bottom-left" }, this.renderHeaderArea(HeaderSlotNames.MENU_TRIGGER), h("div", { key: '18f69d8cefd705f8084a0ca81e3d0c8cb59b8241', class: "header-caption-wrapper" }, this.renderHeaderArea(HeaderSlotNames.CAPTION), this.renderHeaderArea(HeaderSlotNames.SUBCAPTION))), h("div", { key: 'e9609c0ef168d7da4a909715512250cf5dcc8ebe', class: {
+        return (h(Host, { key: '93fdb11758e36e2c2f943d5717ecdbd7193bd16b', className: "mb-4" }, h("header", { key: '8b768837b16ea0c73b4c5cb0dc35cb64570b4601', id: this.customId, class: this.getCssClassMap(), "data-layout": this.effectiveCompact && !this.hasBrandContent ? 'compact-no-brand' : null, part: "header" }, h("div", { key: '539eab88cafa1786386032f9b97913667b3f87a5', class: this.effectiveLayoutWidth === 'full' ? 'container-fluid' : 'container-lg' }, h("div", { key: 'b747d519cc5c04f2c8968ce53ed59e9dc9799080', class: "header-top", part: "top" }, h("div", { key: '08f714ac9628db3bdba56803fd84a1030331f8b9', class: "header-top-left", part: "top-left" }, this.renderHeaderArea(HeaderSlotNames.LOGO), this.renderDivider(HeaderSlotNames.LOGO, [HeaderSlotNames.SIGNATURE]), this.renderHeaderArea(HeaderSlotNames.SIGNATURE)), h("div", { key: '6e43004d3cb238f04804dc20b18fd73247ae081a', class: "header-top-right", part: "top-right" }, this.renderHeaderArea(HeaderSlotNames.LINKS), this.renderDivider(HeaderSlotNames.LINKS, [HeaderSlotNames.FUNCTIONS, HeaderSlotNames.SEARCH_ICON]), this.renderHeaderArea(HeaderSlotNames.FUNCTIONS), this.renderDivider(HeaderSlotNames.FUNCTIONS, [HeaderSlotNames.SEARCH_ICON]), this.renderHeaderArea(HeaderSlotNames.SEARCH_ICON), this.renderHeaderArea(HeaderSlotNames.ACCESS))), h("div", { key: 'fd8f29b60d66e74ffe03e69e3026d72b4f193d73', class: "header-bottom", part: "bottom" }, h("div", { key: 'c2b643621b0acd047c2a80ac218fa2212b4056d8', class: "header-bottom-left", part: "bottom-left" }, this.renderHeaderArea(HeaderSlotNames.MENU_TRIGGER), h("div", { key: '9b59279e9b99a8b70de5eab155a930ddea2d37f7', class: "header-caption-wrapper" }, this.renderHeaderArea(HeaderSlotNames.CAPTION), this.renderHeaderArea(HeaderSlotNames.SUBCAPTION))), h("div", { key: '2a28c28d34547f6dfee8200bfc6870b111c67c78', class: {
                 'header-bottom-right': true,
                 'is-active': this.headerArea[HeaderSlotNames.SEARCH]?.isActive,
             }, part: "bottom-right" }, this.renderHeaderArea(HeaderSlotNames.SEARCH)))))));
@@ -735,7 +815,7 @@ export class Header {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Define a densidade visual do componente.\n\n- `small`: Alta densidade (componente menor, mais compacto e com menos espa\u00E7amento).\n- `medium`: Densidade intermedi\u00E1ria, padr\u00E3o recomendado para a maioria dos casos.\n- `large`: Baixa densidade (componente maior, mais espa\u00E7amento e altura)."
+                    "text": "Define a densidade visual do componente.\n\n- `small`: Alta densidade (componente menor, mais compacto e com menos espa\u00E7amento).\n- `medium`: Densidade intermedi\u00E1ria, padr\u00E3o recomendado para a maioria dos casos.\n- `large`: Baixa densidade (componente maior, mais espa\u00E7amento e altura).\n\nValores inv\u00E1lidos usam `medium`."
                 },
                 "getter": false,
                 "setter": false,
@@ -800,7 +880,7 @@ export class Header {
                             "name": "deprecated",
                             "text": "Use `sticky`."
                         }],
-                    "text": "Fixa o cabe\u00E7alho no topo durante a rolagem."
+                    "text": "Fixa o cabe\u00E7alho no topo durante a rolagem.\nQuando `compact` ou `is-compact` \u00E9 definido explicitamente, o modo visual\npermanece fixo durante a rolagem. Sem essa configura\u00E7\u00E3o, o header sticky\nalterna automaticamente entre os modos compacto e expandido."
                 },
                 "getter": false,
                 "setter": false,
@@ -1123,9 +1203,15 @@ export class Header {
             }, {
                 "name": "headerListUpdate",
                 "method": "handleHeaderListUpdate",
-                "target": "document",
+                "target": undefined,
                 "capture": false,
                 "passive": true
+            }, {
+                "name": "headerListFocused",
+                "method": "handleHeaderListFocused",
+                "target": undefined,
+                "capture": false,
+                "passive": false
             }];
     }
 }

package/dist/collection/components/icon/default-icons-cache.js

@@ -138,6 +138,16 @@ export const DEFAULT_ICONS = {
         width: 448,
         height: 512,
     },
+    'fa6-solid:pause': {
+        body: '<path fill="currentColor" d="M144 479H48c-26.5 0-48-21.5-48-48V79C0 52.5 21.5 31 48 31h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48m304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48"/>',
+        width: 448,
+        height: 512,
+    },
+    'fa6-solid:play': {
+        body: '<path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6"/>',
+        width: 448,
+        height: 512,
+    },
     'fa6-solid:square-arrow-up-right': {
         body: '<path fill="currentColor" d="M384 32c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96c0-35.3 28.7-64 64-64zM160 144c-13.3 0-24 10.7-24 24s10.7 24 24 24h94.1L119 327c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l135-135L288 328c0 13.3 10.7 24 24 24s24-10.7 24-24V168c0-13.3-10.7-24-24-24z"/>',
         width: 448,
@@ -213,21 +223,119 @@ export const DEFAULT_ICONS = {
         width: 448,
         height: 512,
     },
+    'fa6-solid:bell': {
+        body: '<path fill="currentColor" d="M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z"/>',
+        width: 448,
+        height: 512,
+    },
+    'fa6-solid:heart': {
+        body: '<path fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/>',
+        width: 512,
+        height: 512,
+    },
+    'fa6-solid:address-book': {
+        body: '<path fill="currentColor" d="M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-228-32c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64zm112 236.8c0 10.6-10 19.2-22.4 19.2H118.4C106 384 96 375.4 96 364.8v-19.2c0-31.8 30.1-57.6 67.2-57.6h5c12.3 5.1 25.7 8 39.8 8s27.6-2.9 39.8-8h5c37.1 0 67.2 25.8 67.2 57.6v19.2z"/>',
+        width: 448,
+        height: 512,
+    },
+    'fa6-solid:book': {
+        body: '<path fill="currentColor" d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"/>',
+        width: 448,
+        height: 512,
+    },
+    'fa6-solid:tree': {
+        body: '<path fill="currentColor" d="M378.31 378.49L298.42 288h30.63c9.01 0 16.98-5 20.78-13.06 3.8-8.04 2.55-17.26-3.28-24.05L268.42 160h28.89c9.1 0 17.3-5.35 20.86-13.61 3.52-8.13 1.86-17.59-4.24-24.08L203.66 4.83c-6.03-6.45-17.28-6.45-23.32 0L70.06 122.31c-6.1 6.49-7.75 15.95-4.24 24.08C69.38 154.65 77.59 160 86.69 160h28.89l-78.14 90.91c-5.81 6.78-7.06 15.99-3.27 24.04C37.97 283 45.93 288 54.95 288h30.63L5.69 378.49c-6 6.79-7.36 16.09-3.56 24.26 3.75 8.05 12 13.25 21.01 13.25H160v24.45l-30.29 48.4c-5.32 10.64 2.42 23.16 14.31 23.16h95.96c11.89 0 19.63-12.52 14.31-23.16L224 440.45V416h136.86c9.01 0 17.26-5.2 21.01-13.25 3.8-8.17 2.44-17.47-3.56-24.26z"/>',
+        width: 384,
+        height: 512,
+    },
+    'fa6-solid:moon': {
+        body: '<path fill="currentColor" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z"/>',
+        width: 512,
+        height: 512,
+    },
+    'fa6-solid:archive': {
+        body: '<path fill="currentColor" d="M32 448c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V160H32v288zm160-212c0-6.6 5.4-12 12-12h104c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H204c-6.6 0-12-5.4-12-12v-8zM480 32H32C14.3 32 0 46.3 0 64v48c0 8.8 7.2 16 16 16h480c8.8 0 16-7.2 16-16V64c0-17.7-14.3-32-32-32z"/>',
+        width: 512,
+        height: 512,
+    },
+    'fa-brands:github': {
+        body: '<path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>',
+        width: 496,
+        height: 512,
+    },
+    'fa-brands:twitter': {
+        body: '<path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/>',
+        width: 512,
+        height: 512,
+    },
+    'fa-brands:linkedin-in': {
+        body: '<path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/>',
+        width: 448,
+        height: 512,
+    },
+    'fa-brands:facebook-f': {
+        body: '<path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/>',
+        width: 320,
+        height: 512,
+    },
+    'fa-brands:whatsapp': {
+        body: '<path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/>',
+        width: 448,
+        height: 512,
+    },
+    'fa-brands:instagram': {
+        body: '<path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7 2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9-99.5 9-132.1s2.7 102.7-9 132.1z"/>',
+        width: 448,
+        height: 512,
+    },
+    'fa-brands:youtube': {
+        body: '<path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/>',
+        width: 576,
+        height: 512,
+    },
 };
 const DEFAULT_ICON_ALIASES = {
+    home: 'fa6-solid:house',
+    search: 'fa-solid:search',
+    user: 'fa6-solid:user',
+    check: 'fa:check',
+    'fa-solid:check': 'fa:check',
+    'info-circle': 'fa-solid:info-circle',
+    'exclamation-triangle': 'fa-solid:exclamation-triangle',
+    times: 'fa-solid:times',
+    question: 'fa6-solid:question',
+    clock: 'fa6-solid:clock',
+    'calendar-days': 'fa6-solid:calendar-days',
+    'fa6-solid:home': 'fa6-solid:house',
+    'fa6-solid:search': 'fa-solid:search',
+    'fa-solid:circle-info': 'fa-solid:info-circle',
+    'fa-solid:clock': 'fa6-solid:clock',
+    'fa-solid:calendar-days': 'fa6-solid:calendar-days',
+    'fa-solid:question': 'fa6-solid:question',
+    'fa-solid:xmark': 'fa-solid:times',
     'fa7-solid:close': 'fa6-solid:xmark',
+    'fa7-solid:xmark': 'fa6-solid:xmark',
+    'fa7-solid:user': 'fa6-solid:user',
+    'fa-brands:facebook': 'fa-brands:facebook-f',
+    'fa-brands:linkedin': 'fa-brands:linkedin-in',
     'fa-solid:caret-up': 'fa-solid:angle-up',
     'fa-solid:caret-down': 'fa-solid:angle-down',
     'fa6-solid:arrow-up-right-from-square': 'fa6-solid:square-arrow-up-right',
 };
 export function getDefaultIcon(name) {
-    if (!name)
+    const normalizedName = name?.trim();
+    if (!normalizedName)
         return undefined;
-    const alias = DEFAULT_ICON_ALIASES[name];
-    return DEFAULT_ICONS[name] ?? (alias ? DEFAULT_ICONS[alias] : undefined);
+    const alias = DEFAULT_ICON_ALIASES[normalizedName];
+    return DEFAULT_ICONS[normalizedName] ?? (alias ? DEFAULT_ICONS[alias] : undefined);
 }
 export function registerDefaultIcons(addIcon) {
     Object.entries(DEFAULT_ICONS).forEach(([name, data]) => {
         addIcon(name, data);
     });
+    Object.entries(DEFAULT_ICON_ALIASES).forEach(([name, alias]) => {
+        const data = DEFAULT_ICONS[alias];
+        if (data)
+            addIcon(name, data);
+    });
 }

package/dist/collection/components/icon/icon.css

@@ -1 +1 @@
-*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media(min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--color-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);--item-padding-y: var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin: var(--grid-portrait-margin);--grid-maxwidth: var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter: var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media(min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tablet-margin)}.row{--grid-gutter: var(--grid-tablet-gutter)}.container{--grid-maxwidth: calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media(min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tablet-margin)}.row{--grid-gutter: var(--grid-tablet-gutter)}.container{--grid-maxwidth: calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media(min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-desktop-margin)}.row{--grid-gutter: var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth: calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media(min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tv-margin)}.row{--grid-gutter: var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth: calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media(min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media(min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media(min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset: var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media(min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background: var(--background);--table-color: var(--color);--table-border-color: var(--gray-20);--table-border-style: solid;--table-border-width: 1px;--table-hover: var(--color-rgb);--table-padding: var(--spacing-scale-3x);--table-font-weight: var(--font-weight-medium);--table-th-background: var(--background-alternative);--table-th-font-weight: var(--font-weight-semi-bold);--table-row-size: var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--icon-color, currentColor);line-height:1;vertical-align:middle}:host iconify-icon,:host img,:host span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;object-fit:contain;transform-origin:center}:host iconify-icon:focus:focus,:host img:focus:focus,:host span:focus:focus{outline:none}:host iconify-icon:focus.focus-visible,:host iconify-icon:focus:focus-visible,:host img:focus.focus-visible,:host img:focus:focus-visible,:host span:focus.focus-visible,:host span:focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host span{overflow:hidden}:host slot::slotted(*){max-width:100%;max-height:100%}:host span svg{width:100%;height:100%}:host svg{display:block;width:100%;height:100%}:host([is-inline]),:host([inline]){display:inline}
+*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media(min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--color-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);--item-padding-y: var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin: var(--grid-portrait-margin);--grid-maxwidth: var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter: var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media(min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tablet-margin)}.row{--grid-gutter: var(--grid-tablet-gutter)}.container{--grid-maxwidth: calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media(min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tablet-margin)}.row{--grid-gutter: var(--grid-tablet-gutter)}.container{--grid-maxwidth: calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media(min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-desktop-margin)}.row{--grid-gutter: var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth: calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media(min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin: var(--grid-tv-margin)}.row{--grid-gutter: var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth: calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media(min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media(min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media(min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset: var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media(min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background: var(--background);--table-color: var(--color);--table-border-color: var(--gray-20);--table-border-style: solid;--table-border-width: 1px;--table-hover: var(--color-rgb);--table-padding: var(--spacing-scale-3x);--table-font-weight: var(--font-weight-medium);--table-th-background: var(--background-alternative);--table-th-font-weight: var(--font-weight-semi-bold);--table-row-size: var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media(prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--icon-color, currentColor);line-height:1;vertical-align:middle}:host iconify-icon,:host img,:host span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;object-fit:contain;transform-origin:center}:host iconify-icon:focus:focus,:host img:focus:focus,:host span:focus:focus{outline:none}:host iconify-icon:focus.focus-visible,:host iconify-icon:focus:focus-visible,:host img:focus.focus-visible,:host img:focus:focus-visible,:host span:focus.focus-visible,:host span:focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host span{overflow:hidden}:host slot::slotted(*){max-width:100%;max-height:100%}:host span svg{width:100%;height:100%}:host svg{display:block;width:100%;height:100%}:host([is-inline]),:host([inline]){display:inline}