@govbr-ds/webcomponents 2.1.3 → 2.2.0

package/dist/collection/components/carousel/carousel.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))}.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-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)}.br-carousel{--carousel-button-margin: var(--spacing-scale-default);--carousel-buton-icon-size: var(--–icon-size-base);--carousel-step-height: 40px;--carousel-step-progress-min-height: 32px;--carousel-full-size: 100%;--carousel-min-height: 400px;--carousel-button-fix-height: 52px;--carousel-button-fix-width: 100px;--carousel-step-progress-background: transparent;display:flex;height:var(--carousel-full-size);min-height:var(--carousel-min-height);position:relative;width:var(--carousel-full-size)}.br-carousel .carousel-stage{display:block;flex-wrap:nowrap;height:var(--carousel-step-height);overflow:hidden;position:relative;width:var(--carousel-full-width);z-index:0}.br-carousel .carousel-stage .carousel-page{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;left:var(--carousel-full-size);margin-bottom:var(--spacing-scale-4x);opacity:0;overflow:hidden;position:absolute;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:hidden;width:var(--carousel-full-size)}.br-carousel .carousel-stage .carousel-page[active]{height:var(--carousel-full-size);left:0 !important;opacity:1;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:visible}.br-carousel .carousel-stage .carousel-page .carousel-content{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;width:var(--carousel-full-size)}.br-carousel .carousel-step{bottom:8px;height:var(--carousel-step-height);position:absolute;width:var(--carousel-full-size)}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,.br-carousel .carousel-step .br-step[data-type=text] .step-progress{background:var(--carousel-step-progress-background);min-height:var(--carousel-step-progress-min-height)}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{top:0}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled])::before,.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled])::before{background-image:none}.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{cursor:default;margin:0}.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible::before{outline-color:rgba(0,0,0,0) !important}.br-carousel .carousel-button{align-items:center;display:flex;height:var(--carousel-full-size);left:unset;position:absolute;right:0;width:fit-content;z-index:1}.br-carousel .carousel-button:first-child{left:0;right:unset}.br-carousel .carousel-button .carousel-btn-next,.br-carousel .carousel-button .carousel-btn-prev{margin:var(--carousel-button-margin);padding:0}.br-carousel[data-stage=in] .carousel-button{height:var(--carousel-full-size)}.br-carousel[data-stage=in] .carousel-button .carousel-btn-next,.br-carousel[data-stage=in] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}.br-carousel[data-stage=in] .carousel-stage{height:var(--carousel-full-size);left:0;width:var(--carousel-full-size)}.br-carousel[data-stage=out] .carousel-button,.br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}.br-carousel[data-stage=out] .carousel-stage,.br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}.br-carousel[data-stage=hibh] .carousel-button{height:var(--carousel-full-size)}.br-carousel[data-stage=hibh] .carousel-stage{height:var(--carousel-full-size);left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}.br-carousel[data-stage=hibw] .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-next,.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}.br-carousel[data-stage=hibw] .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}@media(max-width: 991px){.br-carousel{max-width:var(--carousel-full-size);width:var(--carousel-full-size)}.br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}.br-carousel .carousel-button .carousel-btn-next,.br-carousel .carousel-button .carousel-btn-prev{border-radius:0;display:none;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}.br-carousel[data-mobile-nav] .carousel-button .carousel-btn-next,.br-carousel[data-mobile-nav] .carousel-button .carousel-btn-prev{display:flex}.br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,.br-carousel .carousel-step .br-step[data-type=text] .step-progress{padding-top:0 !important}}.br-carousel.inverted,.br-carousel.dark-mode{--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)}.br-carousel.inverted .br-step,.br-carousel.dark-mode .br-step{--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)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=success],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success]{color:var(--success-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info{color:var(--success-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=info],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info]{color:var(--info-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info{color:var(--info-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger]{color:var(--danger-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info{color:var(--danger-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}.br-carousel.inverted .br-step .step-progress-btn.active,.br-carousel.inverted .br-step .step-progress-btn[active],.br-carousel.dark-mode .br-step .step-progress-btn.active,.br-carousel.dark-mode .br-step .step-progress-btn[active]{color:var(--color-dark)}.br-carousel.inverted .br-step .step-progress-btn.active::before,.br-carousel.inverted .br-step .step-progress-btn[active]::before,.br-carousel.dark-mode .br-step .step-progress-btn.active::before,.br-carousel.dark-mode .br-step .step-progress-btn[active]::before{background-color:var(--background-light);border-color:var(--background-light);color:var(--active)}.br-carousel.inverted .br-step .step-progress-btn.active .step-icon,.br-carousel.inverted .br-step .step-progress-btn[active] .step-icon,.br-carousel.dark-mode .br-step .step-progress-btn.active .step-icon,.br-carousel.dark-mode .br-step .step-progress-btn[active] .step-icon{color:var(--active)}.br-carousel.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert,.br-carousel.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert,.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert,.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert{border-color:var(--color-dark)}.br-carousel.inverted .br-step[data-type=text] .step-progress-btn::before,.br-carousel.dark-mode .br-step[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);color:var(--color)}.br-carousel .carousel-page[active]:focus,.br-carousel .carousel-page[active]:focus-visible,.br-carousel .carousel-page[active]:focus-within{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block;min-width:0;min-height:var(--carousel-min-height, 400px);--carousel-button-margin: var(--spacing-scale-default);--carousel-buton-icon-size: var(--–icon-size-base);--carousel-step-height: 40px;--carousel-step-progress-min-height: 32px;--carousel-full-size: 100%;--carousel-min-height: 400px;--carousel-button-fix-height: 52px;--carousel-button-fix-width: 100px;--carousel-step-progress-background: transparent;display:flex;height:var(--carousel-full-size);min-height:var(--carousel-min-height);position:relative;width:var(--carousel-full-size)}:host .carousel-stage{display:block;flex-wrap:nowrap;height:var(--carousel-step-height);overflow:hidden;position:relative;width:var(--carousel-full-width);z-index:0}:host .carousel-stage .carousel-page{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;left:var(--carousel-full-size);margin-bottom:var(--spacing-scale-4x);opacity:0;overflow:hidden;position:absolute;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:hidden;width:var(--carousel-full-size)}:host .carousel-stage .carousel-page[active]{height:var(--carousel-full-size);left:0 !important;opacity:1;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:visible}:host .carousel-stage .carousel-page .carousel-content{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;width:var(--carousel-full-size)}:host .carousel-step{bottom:8px;height:var(--carousel-step-height);position:absolute;width:var(--carousel-full-size)}:host .carousel-step .br-step[data-type=simple] .step-progress,:host .carousel-step .br-step[data-type=text] .step-progress{background:var(--carousel-step-progress-background);min-height:var(--carousel-step-progress-min-height)}:host .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{top:0}:host .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled])::before,:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled])::before{background-image:none}:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{cursor:default;margin:0}:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible::before{outline-color:rgba(0,0,0,0) !important}:host .carousel-button{align-items:center;display:flex;height:var(--carousel-full-size);left:unset;position:absolute;right:0;width:fit-content;z-index:1}:host .carousel-button:first-child{left:0;right:unset}:host .carousel-button .carousel-btn-next,:host .carousel-button .carousel-btn-prev{margin:var(--carousel-button-margin);padding:0}:host[data-stage=in] .carousel-button{height:var(--carousel-full-size)}:host[data-stage=in] .carousel-button .carousel-btn-next,:host[data-stage=in] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host[data-stage=in] .carousel-stage{height:var(--carousel-full-size);left:0;width:var(--carousel-full-size)}:host[data-stage=out] .carousel-button,:host .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host[data-stage=out] .carousel-stage,:host .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host[data-stage=hibh] .carousel-button{height:var(--carousel-full-size)}:host[data-stage=hibh] .carousel-stage{height:var(--carousel-full-size);left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host[data-stage=hibw] .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host[data-stage=hibw] .carousel-button .carousel-btn-next,:host[data-stage=hibw] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host[data-stage=hibw] .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}@media(max-width: 991px){:host{max-width:var(--carousel-full-size);width:var(--carousel-full-size)}:host .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .carousel-button .carousel-btn-next,:host .carousel-button .carousel-btn-prev{border-radius:0;display:none;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host[data-mobile-nav] .carousel-button .carousel-btn-next,:host[data-mobile-nav] .carousel-button .carousel-btn-prev{display:flex}:host .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}:host .carousel-step .br-step[data-type=simple] .step-progress,:host .carousel-step .br-step[data-type=text] .step-progress{padding-top:0 !important}}:host.inverted,:host.dark-mode{--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)}:host.inverted .br-step,:host.dark-mode .br-step{--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)}:host.inverted .br-step .step-progress-btn[data-alert=success],:host.dark-mode .br-step .step-progress-btn[data-alert=success]{color:var(--success-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=success] .step-info,:host.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info{color:var(--success-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=success] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}:host.inverted .br-step .step-progress-btn[data-alert=info],:host.dark-mode .br-step .step-progress-btn[data-alert=info]{color:var(--info-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=info] .step-info,:host.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info{color:var(--info-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=info] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}:host.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon)}:host.inverted .br-step .step-progress-btn[data-alert=danger],:host.dark-mode .br-step .step-progress-btn[data-alert=danger]{color:var(--danger-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=danger] .step-info,:host.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info{color:var(--danger-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}:host.inverted .br-step .step-progress-btn.active,:host.inverted .br-step .step-progress-btn[active],:host.dark-mode .br-step .step-progress-btn.active,:host.dark-mode .br-step .step-progress-btn[active]{color:var(--color-dark)}:host.inverted .br-step .step-progress-btn.active::before,:host.inverted .br-step .step-progress-btn[active]::before,:host.dark-mode .br-step .step-progress-btn.active::before,:host.dark-mode .br-step .step-progress-btn[active]::before{background-color:var(--background-light);border-color:var(--background-light);color:var(--active)}:host.inverted .br-step .step-progress-btn.active .step-icon,:host.inverted .br-step .step-progress-btn[active] .step-icon,:host.dark-mode .br-step .step-progress-btn.active .step-icon,:host.dark-mode .br-step .step-progress-btn[active] .step-icon{color:var(--active)}:host.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert,:host.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert,:host.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert,:host.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert{border-color:var(--color-dark)}:host.inverted .br-step[data-type=text] .step-progress-btn::before,:host.dark-mode .br-step[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);color:var(--color)}:host .carousel-page[active]:focus,:host .carousel-page[active]:focus-visible,:host .carousel-page[active]:focus-within{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host .br-carousel .carousel-button[part=nav-prev]{left:0;right:unset}:host .br-carousel[data-stage=in] .carousel-button{height:var(--carousel-full-size)}:host .br-carousel[data-stage=in] .carousel-button br-button.carousel-btn-next::part(button),:host .br-carousel[data-stage=in] .carousel-button br-button.carousel-btn-prev::part(button){border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host .br-carousel[data-stage=in] .carousel-stage{height:var(--carousel-full-size);left:0;width:var(--carousel-full-size)}:host .br-carousel[data-stage=out] .carousel-button,:host .br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .br-carousel .carousel-stage{box-sizing:border-box;min-width:0;max-width:100%}:host .br-carousel{container-type:inline-size;min-width:0}:host .br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host .br-carousel[data-stage=hibh] .carousel-button{height:var(--carousel-full-size)}:host .br-carousel[data-stage=hibh] .carousel-stage{height:var(--carousel-full-size);left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host .br-carousel[data-stage=hibw] .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .br-carousel[data-stage=hibw] .carousel-button br-button.carousel-btn-next::part(button),:host .br-carousel[data-stage=hibw] .carousel-button br-button.carousel-btn-prev::part(button){border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host .br-carousel[data-stage=hibw] .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}@container (max-width: 991px){:host .br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .br-carousel .carousel-button br-button.carousel-btn-next,:host .br-carousel .carousel-button br-button.carousel-btn-prev{border-radius:0;display:none;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host .br-carousel[data-mobile-nav] .carousel-button br-button.carousel-btn-next,:host .br-carousel[data-mobile-nav] .carousel-button br-button.carousel-btn-prev{display:flex}:host .br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}}::slotted(br-carousel-page){align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;left:100%;margin-bottom:var(--spacing-scale-4x);opacity:0;overflow:hidden;position:absolute;top:0;transition:all var(--duration-moderate, 0.5s) ease-in-out 0s;visibility:hidden;width:100%;min-width:0}::slotted(br-carousel-page[active]){height:100%;left:0 !important;opacity:1;visibility:visible}.carousel-page-text{align-items:center;display:flex;font-size:var(--font-size-scale-base);justify-content:center;padding:var(--spacing-scale-2x) 0;width:100%}.br-carousel.dark-mode .carousel-page-text,.br-carousel.inverted .carousel-page-text{color:var(--color-dark)}.carousel-stage{overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.carousel-play-button{left:50%;opacity:0;pointer-events:none;position:absolute;top:calc(50% - var(--carousel-button-fix-height)/2);transform:translate(-50%, -50%);transition:opacity .2s ease-in-out;z-index:2}.br-carousel:hover .carousel-play-button,.carousel-play-button:focus-within{opacity:1;pointer-events:auto}.br-carousel[data-stage=in] .carousel-play-button,.br-carousel[data-stage=hibh] .carousel-play-button{top:50%}@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}.br-carousel{--carousel-button-margin: var(--spacing-scale-default);--carousel-buton-icon-size: var(--–icon-size-base);--carousel-step-height: 40px;--carousel-step-progress-min-height: 32px;--carousel-full-size: 100%;--carousel-min-height: 400px;--carousel-button-fix-height: 52px;--carousel-button-fix-width: 100px;--carousel-step-progress-background: transparent;display:flex;height:var(--carousel-full-size);min-height:var(--carousel-min-height);position:relative;width:var(--carousel-full-size)}.br-carousel .carousel-stage{display:block;flex-wrap:nowrap;height:var(--carousel-step-height);overflow:hidden;position:relative;width:var(--carousel-full-width);z-index:0}.br-carousel .carousel-stage .carousel-page{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;left:var(--carousel-full-size);margin-bottom:var(--spacing-scale-4x);opacity:0;overflow:hidden;position:absolute;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:hidden;width:var(--carousel-full-size)}.br-carousel .carousel-stage .carousel-page[active]{height:var(--carousel-full-size);left:0 !important;opacity:1;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:visible}.br-carousel .carousel-stage .carousel-page .carousel-content{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;width:var(--carousel-full-size)}.br-carousel .carousel-step{bottom:8px;height:var(--carousel-step-height);position:absolute;width:var(--carousel-full-size)}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,.br-carousel .carousel-step .br-step[data-type=text] .step-progress{background:var(--carousel-step-progress-background);min-height:var(--carousel-step-progress-min-height)}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{top:0}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled])::before,.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled])::before{background-image:none}.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{cursor:default;margin:0}.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible::before{outline-color:rgba(0,0,0,0) !important}.br-carousel .carousel-button{align-items:center;display:flex;height:var(--carousel-full-size);left:unset;position:absolute;right:0;width:fit-content;z-index:1}.br-carousel .carousel-button:first-child{left:0;right:unset}.br-carousel .carousel-button .carousel-btn-next,.br-carousel .carousel-button .carousel-btn-prev{margin:var(--carousel-button-margin);padding:0}.br-carousel .carousel-button .carousel-btn-next i.fas,.br-carousel .carousel-button .carousel-btn-prev i.fas{font-size:var(--carousel-buton-icon-size)}.br-carousel[data-stage=in] .carousel-button{height:var(--carousel-full-size)}.br-carousel[data-stage=in] .carousel-button .carousel-btn-next,.br-carousel[data-stage=in] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}.br-carousel[data-stage=in] .carousel-stage{height:var(--carousel-full-size);left:0;width:var(--carousel-full-size)}.br-carousel[data-stage=out] .carousel-button,.br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}.br-carousel[data-stage=out] .carousel-stage,.br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}.br-carousel[data-stage=hibh] .carousel-button{height:var(--carousel-full-size)}.br-carousel[data-stage=hibh] .carousel-stage{height:var(--carousel-full-size);left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}.br-carousel[data-stage=hibw] .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-next,.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}.br-carousel[data-stage=hibw] .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}@media(max-width: 991px){.br-carousel{max-width:var(--carousel-full-size);width:var(--carousel-full-size)}.br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}.br-carousel .carousel-button .carousel-btn-next,.br-carousel .carousel-button .carousel-btn-prev{border-radius:0;display:none;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}.br-carousel[data-mobile-nav] .carousel-button .carousel-btn-next,.br-carousel[data-mobile-nav] .carousel-button .carousel-btn-prev{display:flex}.br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,.br-carousel .carousel-step .br-step[data-type=text] .step-progress{padding-top:0 !important}}.br-carousel.inverted,.br-carousel.dark-mode{--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)}.br-carousel.inverted .br-step,.br-carousel.dark-mode .br-step{--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)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=success],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success]{color:var(--success-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info{color:var(--success-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=info],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info]{color:var(--info-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info{color:var(--info-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger]{color:var(--danger-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info{color:var(--danger-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}.br-carousel.inverted .br-step .step-progress-btn.active,.br-carousel.inverted .br-step .step-progress-btn[active],.br-carousel.dark-mode .br-step .step-progress-btn.active,.br-carousel.dark-mode .br-step .step-progress-btn[active]{color:var(--color-dark)}.br-carousel.inverted .br-step .step-progress-btn.active::before,.br-carousel.inverted .br-step .step-progress-btn[active]::before,.br-carousel.dark-mode .br-step .step-progress-btn.active::before,.br-carousel.dark-mode .br-step .step-progress-btn[active]::before{background-color:var(--background-light);border-color:var(--background-light);color:var(--active)}.br-carousel.inverted .br-step .step-progress-btn.active .step-icon,.br-carousel.inverted .br-step .step-progress-btn[active] .step-icon,.br-carousel.dark-mode .br-step .step-progress-btn.active .step-icon,.br-carousel.dark-mode .br-step .step-progress-btn[active] .step-icon{color:var(--active)}.br-carousel.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert,.br-carousel.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert,.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert,.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert{border-color:var(--color-dark)}.br-carousel.inverted .br-step[data-type=text] .step-progress-btn::before,.br-carousel.dark-mode .br-step[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);color:var(--color)}.br-carousel .carousel-page[active]:focus,.br-carousel .carousel-page[active]:focus-visible,.br-carousel .carousel-page[active]:focus-within{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block;min-width:0;min-height:var(--carousel-min-height, 400px);--carousel-button-margin: var(--spacing-scale-default);--carousel-buton-icon-size: var(--–icon-size-base);--carousel-step-height: 40px;--carousel-step-progress-min-height: 32px;--carousel-full-size: 100%;--carousel-min-height: 400px;--carousel-button-fix-height: 52px;--carousel-button-fix-width: 100px;--carousel-step-progress-background: transparent;display:flex;height:var(--carousel-full-size);min-height:var(--carousel-min-height);position:relative;width:var(--carousel-full-size)}:host .carousel-stage{display:block;flex-wrap:nowrap;height:var(--carousel-step-height);overflow:hidden;position:relative;width:var(--carousel-full-width);z-index:0}:host .carousel-stage .carousel-page{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;left:var(--carousel-full-size);margin-bottom:var(--spacing-scale-4x);opacity:0;overflow:hidden;position:absolute;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:hidden;width:var(--carousel-full-size)}:host .carousel-stage .carousel-page[active]{height:var(--carousel-full-size);left:0 !important;opacity:1;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:visible}:host .carousel-stage .carousel-page .carousel-content{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;width:var(--carousel-full-size)}:host .carousel-step{bottom:8px;height:var(--carousel-step-height);position:absolute;width:var(--carousel-full-size)}:host .carousel-step .br-step[data-type=simple] .step-progress,:host .carousel-step .br-step[data-type=text] .step-progress{background:var(--carousel-step-progress-background);min-height:var(--carousel-step-progress-min-height)}:host .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{top:0}:host .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled])::before,:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled])::before{background-image:none}:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{cursor:default;margin:0}:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible::before{outline-color:rgba(0,0,0,0) !important}:host .carousel-button{align-items:center;display:flex;height:var(--carousel-full-size);left:unset;position:absolute;right:0;width:fit-content;z-index:1}:host .carousel-button:first-child{left:0;right:unset}:host .carousel-button .carousel-btn-next,:host .carousel-button .carousel-btn-prev{margin:var(--carousel-button-margin);padding:0}:host .carousel-button .carousel-btn-next i.fas,:host .carousel-button .carousel-btn-prev i.fas{font-size:var(--carousel-buton-icon-size)}:host[data-stage=in] .carousel-button{height:var(--carousel-full-size)}:host[data-stage=in] .carousel-button .carousel-btn-next,:host[data-stage=in] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host[data-stage=in] .carousel-stage{height:var(--carousel-full-size);left:0;width:var(--carousel-full-size)}:host[data-stage=out] .carousel-button,:host .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host[data-stage=out] .carousel-stage,:host .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host[data-stage=hibh] .carousel-button{height:var(--carousel-full-size)}:host[data-stage=hibh] .carousel-stage{height:var(--carousel-full-size);left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host[data-stage=hibw] .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host[data-stage=hibw] .carousel-button .carousel-btn-next,:host[data-stage=hibw] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host[data-stage=hibw] .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}@media(max-width: 991px){:host{max-width:var(--carousel-full-size);width:var(--carousel-full-size)}:host .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .carousel-button .carousel-btn-next,:host .carousel-button .carousel-btn-prev{border-radius:0;display:none;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host[data-mobile-nav] .carousel-button .carousel-btn-next,:host[data-mobile-nav] .carousel-button .carousel-btn-prev{display:flex}:host .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}:host .carousel-step .br-step[data-type=simple] .step-progress,:host .carousel-step .br-step[data-type=text] .step-progress{padding-top:0 !important}}:host.inverted,:host.dark-mode{--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)}:host.inverted .br-step,:host.dark-mode .br-step{--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)}:host.inverted .br-step .step-progress-btn[data-alert=success],:host.dark-mode .br-step .step-progress-btn[data-alert=success]{color:var(--success-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=success] .step-info,:host.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info{color:var(--success-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=success] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}:host.inverted .br-step .step-progress-btn[data-alert=info],:host.dark-mode .br-step .step-progress-btn[data-alert=info]{color:var(--info-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=info] .step-info,:host.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info{color:var(--info-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=info] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}:host.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon)}:host.inverted .br-step .step-progress-btn[data-alert=danger],:host.dark-mode .br-step .step-progress-btn[data-alert=danger]{color:var(--danger-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=danger] .step-info,:host.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info{color:var(--danger-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}:host.inverted .br-step .step-progress-btn.active,:host.inverted .br-step .step-progress-btn[active],:host.dark-mode .br-step .step-progress-btn.active,:host.dark-mode .br-step .step-progress-btn[active]{color:var(--color-dark)}:host.inverted .br-step .step-progress-btn.active::before,:host.inverted .br-step .step-progress-btn[active]::before,:host.dark-mode .br-step .step-progress-btn.active::before,:host.dark-mode .br-step .step-progress-btn[active]::before{background-color:var(--background-light);border-color:var(--background-light);color:var(--active)}:host.inverted .br-step .step-progress-btn.active .step-icon,:host.inverted .br-step .step-progress-btn[active] .step-icon,:host.dark-mode .br-step .step-progress-btn.active .step-icon,:host.dark-mode .br-step .step-progress-btn[active] .step-icon{color:var(--active)}:host.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert,:host.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert,:host.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert,:host.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert{border-color:var(--color-dark)}:host.inverted .br-step[data-type=text] .step-progress-btn::before,:host.dark-mode .br-step[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);color:var(--color)}:host .carousel-page[active]:focus,:host .carousel-page[active]:focus-visible,:host .carousel-page[active]:focus-within{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host .br-carousel .carousel-button[part=nav-prev]{left:0;right:unset}:host .br-carousel[data-stage=in] .carousel-button{height:var(--carousel-full-size)}:host .br-carousel[data-stage=in] .carousel-button br-button.carousel-btn-next::part(button),:host .br-carousel[data-stage=in] .carousel-button br-button.carousel-btn-prev::part(button){border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host .br-carousel[data-stage=in] .carousel-stage{height:var(--carousel-full-size);left:0;width:var(--carousel-full-size)}:host .br-carousel[data-stage=out] .carousel-button,:host .br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .br-carousel .carousel-stage{box-sizing:border-box;min-width:0;max-width:100%}:host .br-carousel{container-type:inline-size;min-width:0}:host .br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host .br-carousel[data-stage=hibh] .carousel-button{height:var(--carousel-full-size)}:host .br-carousel[data-stage=hibh] .carousel-stage{height:var(--carousel-full-size);left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host .br-carousel[data-stage=hibw] .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .br-carousel[data-stage=hibw] .carousel-button br-button.carousel-btn-next::part(button),:host .br-carousel[data-stage=hibw] .carousel-button br-button.carousel-btn-prev::part(button){border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host .br-carousel[data-stage=hibw] .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}@container (max-width: 991px){:host .br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .br-carousel .carousel-button br-button.carousel-btn-next,:host .br-carousel .carousel-button br-button.carousel-btn-prev{border-radius:0;display:none;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host .br-carousel[data-mobile-nav] .carousel-button br-button.carousel-btn-next,:host .br-carousel[data-mobile-nav] .carousel-button br-button.carousel-btn-prev{display:flex}:host .br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}}::slotted(br-carousel-page){align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;left:100%;margin-bottom:var(--spacing-scale-4x);opacity:0;overflow:hidden;position:absolute;top:0;transition:none}@media(prefers-reduced-motion: no-preference){::slotted(br-carousel-page){transition:left var(--duration-moderate, 500ms) var(--animation-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)),opacity var(--duration-moderate, 500ms) var(--animation-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1))}}::slotted(br-carousel-page){visibility:hidden;width:100%;min-width:0}::slotted(br-carousel-page[active]){height:100%;left:0 !important;opacity:1;visibility:visible}.carousel-page-text{align-items:center;display:flex;font-size:var(--font-size-scale-base);justify-content:center;padding:var(--spacing-scale-2x) 0;width:100%}.br-carousel.dark-mode .carousel-page-text,.br-carousel.inverted .carousel-page-text{color:var(--color-dark)}.carousel-stage{overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.carousel-play-button{left:50%;opacity:0;pointer-events:none;position:absolute;top:calc(50% - var(--carousel-button-fix-height)/2);transform:translate(-50%, -50%);transition:none}@media(prefers-reduced-motion: no-preference){.carousel-play-button{transition:opacity var(--duration-very-fast, 100ms) var(--animation-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1))}}.carousel-play-button{z-index:2}.br-carousel:hover .carousel-play-button,.carousel-play-button:focus-within{opacity:1;pointer-events:auto}.br-carousel[data-stage=in] .carousel-play-button,.br-carousel[data-stage=hibh] .carousel-play-button{top:50%}

package/dist/collection/components/carousel/carousel.js

@@ -5,13 +5,45 @@
 import { Host, h, } from "@stencil/core";
 import { isEventTargetInside } from "../../shared/utils/event";
 import { generateUniqueId } from "../../shared/utils/id";
+import { resolveAllowedPropValue, resolveIntegerPropValue } from "../../shared/utils/props";
 import { UniversalSwipe } from "../../shared/utils/swipe";
 /**
- * ## Design System
+ * O componente `br-carousel` é o contêiner de apresentação rotativa e sequencial de conteúdos do GovBR-DS, desenvolvido para exibir múltiplos slides em um espaço delimitado onde apenas um item (ou grupo ativo) fica em foco por vez.
  *
- * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/carousel?tab=designer).
+ * ### Para que serve
  *
- * @category Conteúdo
+ * - **Apresentação rotativa de destaque:** Ideal para galerias visuais, banners informativos, campanhas institucionais e passos ilustrativos.
+ * - **Navegação assistida:** Fornece controles de avanço e retrocesso (setas), barra de indicadores de página/slides (bolinhas de paginação) e suporte a gestos de toque (swipe) em dispositivos móveis.
+ * - **Reprodução automática controlável:** Suporta transição automática temporizada com botão obrigatório de pausa/reprodução para conformidade com diretrizes de acessibilidade (WCAG).
+ *
+ * ### Quando utilizar
+ *
+ * - **Utilize quando:**
+ *   - Houver um conjunto de imagens, avisos ou destaques que compartilham o mesmo nível de relevância visual.
+ *   - O espaço vertical da página for restrito e comportar a rotação sequencial de conteúdos.
+ * - **Evite e prefira outro componente quando:**
+ *   - Todas as informações forem cruciais para a tarefa do usuário e precisarem ficar simultaneamente visíveis (prefira uma grade com `br-card`).
+ *   - O fluxo representar preenchimento obrigatório de formulário por etapas (prefira `br-wizard` ou `br-step`).
+ *
+ * ### Composição e Subcomponentes
+ *
+ * O ecossistema do Carousel é composto por:
+ *
+ * | Subcomponente | Papel | Regra de uso |
+ * | --- | --- | --- |
+ * | `br-carousel` | **Orquestrador principal.** Gerencia a rotação, temporizador, botões de paginação, navegação por teclado e gestos. | Contêiner raiz obrigatório declarado na página. |
+ * | `br-carousel-page` | **Slide individual.** Encapsula o conteúdo visual ou textual de cada página do carrossel. | Declarado dentro do slot padrão do `br-carousel`. |
+ *
+ * ### Como os subcomponentes se relacionam
+ *
+ * O `br-carousel` projeta internamente os controles de navegação e gerencia os elementos `br-carousel-page` declarados em seu interior:
+ * 1. O componente pai monitora os slides filhos, calcula o total de páginas e gera dinamicamente os botões indicadores.
+ * 2. Apenas a página correspondente ao índice ativo é exibida e anunciada para leitores de tela com atributos `aria-roledescription="slide"`.
+ *
+ * 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/carousel?tab=designer).
+ *
+
+ * @category Conteúdo, Navegação
  * @status stable
  * @slot default - Slot para os slides do carrossel. Aceita exclusivamente elementos `br-carousel-page`.
  *
@@ -81,6 +113,7 @@ export class Carousel {
         this.autoPlay = false;
         /**
          * Intervalo em milissegundos entre cada avanço automático.
+         * Deve ser um inteiro maior que 0; valores inválidos usam `5000`.
          * Só tem efeito quando `autoPlay=true`.
          */
         this.interval = 5000;
@@ -112,6 +145,7 @@ export class Carousel {
         this.slotEl = null;
         this.MOBILE_MQ = '(max-width: 576px)';
         this.mobileMediaQuery = null;
+        this.reducedMotionMediaQuery = null;
         /**
          * Reatualiza a lista de slides e reinicializa os atributos quando o conteúdo
          * do slot muda (slides adicionados ou removidos dinamicamente).
@@ -131,6 +165,18 @@ export class Carousel {
                 this.cleanupSwipeListeners();
             }
         };
+        this.onReducedMotionChange = (e) => {
+            if (e.matches && this.isPlaying) {
+                // A mudança de preferência deve interromper a rotação já em andamento.
+                // O controle Play continua disponível para uma retomada explícita.
+                void this.pause();
+            }
+        };
+        this.onReducedMotionOverrideChange = (event) => {
+            const reducedMotion = event.detail?.reducedMotion;
+            if (reducedMotion === true && this.isPlaying)
+                void this.pause();
+        };
         /** Handlers de eventos do DOM — mouse, foco e interação do usuário. */
         this.onMouseEnter = () => {
             this.isHovering = true;
@@ -198,6 +244,29 @@ export class Carousel {
             this.isPlaying ? this.pause() : this.play();
         };
     }
+    get effectiveNavPosition() {
+        return resolveAllowedPropValue(this.el, 'navPosition', this.navPosition, ['outside', 'inside'], 'outside');
+    }
+    get effectiveIndicatorType() {
+        return resolveAllowedPropValue(this.el, 'indicatorType', this.indicatorType, ['simple', 'textual', 'none'], 'simple');
+    }
+    get effectiveIndicatorPosition() {
+        return resolveAllowedPropValue(this.el, 'indicatorPosition', this.indicatorPosition, ['outside', 'inside'], 'outside');
+    }
+    get effectiveDirection() {
+        return resolveAllowedPropValue(this.el, 'direction', this.direction, ['left', 'right'], 'right');
+    }
+    get effectiveColorMode() {
+        return resolveAllowedPropValue(this.el, 'colorMode', this.colorMode, ['dark'], undefined, {
+            allowUndefined: true,
+        });
+    }
+    get effectiveImageFit() {
+        return resolveAllowedPropValue(this.el, 'imageFit', this.imageFit, ['contain', 'cover', 'fill', 'none', 'scale-down'], 'cover');
+    }
+    get effectiveInterval() {
+        return resolveIntegerPropValue(this.el, 'interval', this.interval, 1, Number.MAX_SAFE_INTEGER, 5000);
+    }
     onActivePageChange(newVal, oldVal) {
         this.syncStepIndicator(newVal, oldVal);
     }
@@ -208,6 +277,11 @@ export class Carousel {
         this.slotEl = null;
         this.mobileMediaQuery?.removeEventListener('change', this.onBreakpointChange);
         this.mobileMediaQuery = null;
+        this.reducedMotionMediaQuery?.removeEventListener('change', this.onReducedMotionChange);
+        if (typeof document !== 'undefined') {
+            document.removeEventListener('wbcReducedMotionChange', this.onReducedMotionOverrideChange);
+        }
+        this.reducedMotionMediaQuery = null;
     }
     componentWillLoad() {
         this.pages = this.slideElements;
@@ -223,10 +297,15 @@ export class Carousel {
         this.initPages();
         this.slotEl = this.el.shadowRoot.querySelector('slot');
         this.slotEl?.addEventListener('slotchange', this.onSlotChange);
-        this.mobileMediaQuery = window.matchMedia(this.MOBILE_MQ);
-        this.mobileMediaQuery.addEventListener('change', this.onBreakpointChange);
-        if (this.mobileMediaQuery.matches) {
-            this.setupSwipeListeners();
+        if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {
+            this.mobileMediaQuery = window.matchMedia(this.MOBILE_MQ);
+            this.mobileMediaQuery.addEventListener('change', this.onBreakpointChange);
+            if (this.mobileMediaQuery.matches) {
+                this.setupSwipeListeners();
+            }
+            this.reducedMotionMediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+            this.reducedMotionMediaQuery.addEventListener('change', this.onReducedMotionChange);
+            document.addEventListener('wbcReducedMotionChange', this.onReducedMotionOverrideChange);
         }
         if (this.effectiveAutoplay && this.isPlaying) {
             this.scheduleInterval();
@@ -253,7 +332,7 @@ export class Carousel {
      * shadow DOM do `br-step-item` até o host do `br-carousel`.
      */
     onTablistKeydown(e) {
-        if (this.indicatorType !== 'simple' || this.stepRef === null)
+        if (this.effectiveIndicatorType !== 'simple' || this.stepRef === null)
             return;
         if (!isEventTargetInside(e, this.stepRef))
             return;
@@ -353,9 +432,14 @@ export class Carousel {
         }
         return Array.from(this.el.children).filter((el) => el.tagName.toLowerCase() === 'br-carousel-page');
     }
+    prefersReducedMotion() {
+        return (typeof window === 'undefined' ||
+            typeof window.matchMedia !== 'function' ||
+            (typeof document !== 'undefined' && document.documentElement.dataset.wbcReducedMotion === 'true') ||
+            window.matchMedia('(prefers-reduced-motion: reduce)').matches);
+    }
     initAutoPlay() {
-        const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-        this.isPlaying = !prefersReducedMotion;
+        this.isPlaying = !this.prefersReducedMotion();
         this.isRotating = this.isPlaying;
     }
     /**
@@ -432,7 +516,8 @@ export class Carousel {
         }
     }
     getDataStage() {
-        const { navPosition, indicatorPosition } = this;
+        const navPosition = this.effectiveNavPosition;
+        const indicatorPosition = this.effectiveIndicatorPosition;
         if (navPosition === 'inside' && indicatorPosition === 'inside')
             return 'in';
         if (navPosition === 'inside')
@@ -447,13 +532,13 @@ export class Carousel {
             this.autoPlayTimer = null;
         }
         this.autoPlayTimer = setInterval(() => {
-            if (this.direction === 'left') {
+            if (this.effectiveDirection === 'left') {
                 this.previousPage();
             }
             else {
                 this.nextPage();
             }
-        }, this.interval);
+        }, this.effectiveInterval);
     }
     clearTimer() {
         if (this.autoPlayTimer !== null) {
@@ -526,14 +611,14 @@ export class Carousel {
     getCssClassMap() {
         return {
             'br-carousel': true,
-            'dark-mode': this.colorMode === 'dark',
-            inverted: this.colorMode === 'dark',
+            'dark-mode': this.effectiveColorMode === 'dark',
+            inverted: this.effectiveColorMode === 'dark',
         };
     }
     getHostStyle() {
         return {
             ...(this.minHeight !== undefined ? { '--carousel-min-height': this.minHeight } : {}),
-            '--carousel-page-image-fit': this.imageFit,
+            '--carousel-page-image-fit': this.effectiveImageFit,
             ...(this.height !== undefined ? { height: this.height } : {}),
             ...(this.maxWidth !== undefined ? { marginInline: 'auto', maxWidth: this.maxWidth } : {}),
         };
@@ -547,16 +632,17 @@ export class Carousel {
     }
     renderNavButton(direction) {
         const isPrev = direction === 'prev';
-        return (h("div", { part: isPrev ? 'nav-prev' : 'nav-next', class: "carousel-button" }, h("br-button", { class: isPrev ? 'carousel-btn-prev' : 'carousel-btn-next', shape: this.navPosition === 'outside' ? 'circle' : undefined, emphasis: "tertiary", "aria-label": isPrev ? 'Anterior' : 'Próximo', "aria-controls": `${this.customId}-stage`, disabled: isPrev ? this.isPrevDisabled : this.isNextDisabled, onClick: isPrev ? this.onPrevClick : this.onNextClick }, h("br-icon", { iconName: `fa6-solid:chevron-${isPrev ? 'left' : 'right'}`, width: "16", height: "16" }))));
+        return (h("div", { part: isPrev ? 'nav-prev' : 'nav-next', class: "carousel-button" }, h("br-button", { class: isPrev ? 'carousel-btn-prev' : 'carousel-btn-next', shape: this.effectiveNavPosition === 'outside' ? 'circle' : undefined, emphasis: "tertiary", "aria-label": isPrev ? 'Anterior' : 'Próximo', "aria-controls": `${this.customId}-stage`, disabled: isPrev ? this.isPrevDisabled : this.isNextDisabled, onClick: isPrev ? this.onPrevClick : this.onNextClick }, h("br-icon", { iconName: `fa6-solid:chevron-${isPrev ? 'left' : 'right'}`, width: "16", height: "16" }))));
     }
     renderIndicator() {
-        if (this.indicatorType === 'none')
+        const indicatorType = this.effectiveIndicatorType;
+        if (indicatorType === 'none')
             return null;
-        return (h("div", { part: "indicator", class: "carousel-step" }, this.indicatorType === 'simple' && (h("br-step", { mode: "controller", "color-mode": this.colorMode, ref: (el) => (this.stepRef = el), onBrStepChange: this.onStepChange }, this.pages.map((page, i) => (h("br-step-item", { key: page.id || this.slideId(i), "aria-label": `Slide ${i + 1} de ${this.pages.length}`, "controls-id": this.slideId(i) }))))), this.indicatorType === 'textual' && (h("span", { "aria-live": this.isRotating ? 'off' : 'polite', "aria-atomic": "true", class: "carousel-page-text" }, this.activePage + 1, "/", this.pages.length))));
+        return (h("div", { part: "indicator", class: "carousel-step" }, indicatorType === 'simple' && (h("br-step", { mode: "controller", "color-mode": this.effectiveColorMode, ref: (el) => (this.stepRef = el), onBrStepChange: this.onStepChange }, this.pages.map((page, i) => (h("br-step-item", { key: page.id || this.slideId(i), "aria-label": `Slide ${i + 1} de ${this.pages.length}`, "controls-id": this.slideId(i) }))))), indicatorType === 'textual' && (h("span", { "aria-live": this.isRotating ? 'off' : 'polite', "aria-atomic": "true", class: "carousel-page-text" }, this.activePage + 1, "/", this.pages.length))));
     }
     render() {
         const dataStage = this.getDataStage();
-        return (h(Host, { key: 'f6fcc04e92f6abaa2d276dd03cb1144c1c9ccca9', style: this.getHostStyle() }, h("div", { key: '0c46599b2c345b332a3eea55eff524c66632f230', id: this.customId, part: "container", class: this.getCssClassMap(), "data-stage": dataStage, "data-mobile-nav": this.mobileNav ? '' : undefined, role: "region", "aria-label": this.ariaLabel, "aria-roledescription": "carousel", onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, this.effectiveAutoplay && this.renderPlayButton(), this.renderNavButton('prev'), h("div", { key: 'eb7e2972f7fb22c793427b687656fd3bc4ea8465', id: `${this.customId}-stage`, part: "stage", class: "carousel-stage", "aria-live": this.isRotating ? 'off' : 'polite', "aria-atomic": "false", ref: (el) => (this.stageRef = el) }, h("slot", { key: 'c096859d97085715846463c80aaf68eaa599d331' })), this.renderNavButton('next'), this.renderIndicator())));
+        return (h(Host, { key: 'a3898eb80a9d20b2624b278a67789b10f92622df', style: this.getHostStyle() }, h("div", { key: '3c9b49bc7fb134148d35e7d8d2144c6e72052f1b', id: this.customId, part: "container", class: this.getCssClassMap(), "data-stage": dataStage, "data-mobile-nav": this.mobileNav ? '' : undefined, role: "region", "aria-label": this.ariaLabel, "aria-roledescription": "carousel", onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, this.effectiveAutoplay && this.renderPlayButton(), this.renderNavButton('prev'), h("div", { key: '2d40f6344b7bacd06faff14f96e400a39e637668', id: `${this.customId}-stage`, part: "stage", class: "carousel-stage", "aria-live": this.isRotating ? 'off' : 'polite', "aria-atomic": "false", ref: (el) => (this.stageRef = el) }, h("slot", { key: '93708afc74f54dc27aaf742c0aea92829b23c4db' })), this.renderNavButton('next'), this.renderIndicator())));
     }
     static get is() { return "br-carousel"; }
     static get encapsulation() { return "shadow"; }
@@ -788,7 +874,7 @@ export class Carousel {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Intervalo em milissegundos entre cada avan\u00E7o autom\u00E1tico.\nS\u00F3 tem efeito quando `autoPlay=true`."
+                    "text": "Intervalo em milissegundos entre cada avan\u00E7o autom\u00E1tico.\nDeve ser um inteiro maior que 0; valores inv\u00E1lidos usam `5000`.\nS\u00F3 tem efeito quando `autoPlay=true`."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/checkbox/checkbox.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))}.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-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)}.br-checkbox{--checkbox-padding: var(--spacing-scale-base);--checkbox-size: 24px;display:flex;position:relative}.br-checkbox+.br-checkbox{margin-top:var(--spacing-scale-base)}.br-checkbox input{margin:0;opacity:0;position:absolute}.br-checkbox input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));position:relative}.br-checkbox input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;content:"";height:var(--checkbox-size);left:0;position:absolute;width:var(--checkbox-size)}.br-checkbox input+label:empty{padding:0}.br-checkbox label{font-weight:var(--font-weight-medium)}.br-checkbox.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);text-indent:-10000px;white-space:nowrap;width:0}.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{border:solid var(--selected);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);left:8px;position:absolute;top:4px;transform:rotate(45deg);width:8px}.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{--interactive-rgb: var(--color-rgb);background:var(--selected);border-color:var(--selected)}.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{--interactive-rgb: var(--color-dark-rgb)}.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;top:2px;transform:none}.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{--border-color: var(--danger)}.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox.invalid input.focus-visible:checked+label::before,.br-checkbox.invalid input.focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before,.br-checkbox[invalid] input.focus-visible:checked+label::before,.br-checkbox[invalid] input.focus-visible+label::before{--border-color: var(--focus-color)}.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{--border-color: var(--danger)}.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{--border-color: var(--success)}.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox.valid input.focus-visible:checked+label::before,.br-checkbox.valid input.focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before,.br-checkbox[valid] input.focus-visible:checked+label::before,.br-checkbox[valid] input.focus-visible+label::before{--border-color: var(--focus-color)}.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{--border-color: var(--success)}.br-checkbox.small input+label,.br-checkbox[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{border-width:0 2px 2px 0;height:var(--icon-size-sm);left:7px;top:4px;width:6px}.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;left:7px;top:1px;transform:none;width:6px}.br-checkbox input:invalid+label::before{--border-color: var(--danger)}.br-checkbox input:focus-visible:checked+label::before,.br-checkbox input:focus-visible+label::before,.br-checkbox input.focus-visible:checked+label::before,.br-checkbox input.focus-visible+label::before{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-checkbox input:hover:not(:disabled)+label::before{--interactive-rgb: var(--interactive-light-rgb);background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-checkbox:not(.disabled) input:disabled+label{cursor:not-allowed;opacity:var(--disabled)}.br-checkbox:not(.disabled) input:disabled+label *{pointer-events:none}.br-checkbox.inverted,.br-checkbox.inverted label,.br-checkbox.dark-mode,.br-checkbox.dark-mode label{color:var(--color-dark)}:host{display:inline-block;margin-bottom:var(--spacing-scale-base)}:host .br-checkbox{--checkbox-padding: var(--spacing-scale-half);--checkbox-size: 24px;display:flex;position:relative}:host .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}
+*,*::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}.br-checkbox{--checkbox-padding: var(--spacing-scale-base);--checkbox-size: 24px;display:flex;position:relative}.br-checkbox+.br-checkbox{margin-top:var(--spacing-scale-base)}.br-checkbox input{margin:0;opacity:0;position:absolute}.br-checkbox input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));position:relative}.br-checkbox input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;content:"";height:var(--checkbox-size);left:0;position:absolute;width:var(--checkbox-size)}.br-checkbox input+label:empty{padding:0}.br-checkbox label{font-weight:var(--font-weight-medium)}.br-checkbox.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);text-indent:-10000px;white-space:nowrap;width:0}.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{border:solid var(--selected);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);left:8px;position:absolute;top:4px;transform:rotate(45deg);width:8px}.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{--interactive-rgb: var(--color-rgb);background:var(--selected);border-color:var(--selected)}.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{--interactive-rgb: var(--color-dark-rgb)}.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;top:2px;transform:none}.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{--border-color: var(--danger)}.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox.invalid input.focus-visible:checked+label::before,.br-checkbox.invalid input.focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before,.br-checkbox[invalid] input.focus-visible:checked+label::before,.br-checkbox[invalid] input.focus-visible+label::before{--border-color: var(--focus-color)}.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{--border-color: var(--danger)}.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{--border-color: var(--success)}.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox.valid input.focus-visible:checked+label::before,.br-checkbox.valid input.focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before,.br-checkbox[valid] input.focus-visible:checked+label::before,.br-checkbox[valid] input.focus-visible+label::before{--border-color: var(--focus-color)}.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{--border-color: var(--success)}.br-checkbox.small input+label,.br-checkbox[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{border-width:0 2px 2px 0;height:var(--icon-size-sm);left:7px;top:4px;width:6px}.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;left:7px;top:1px;transform:none;width:6px}.br-checkbox input:invalid+label::before{--border-color: var(--danger)}.br-checkbox input:focus-visible:checked+label::before,.br-checkbox input:focus-visible+label::before,.br-checkbox input.focus-visible:checked+label::before,.br-checkbox input.focus-visible+label::before{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-checkbox input:hover:not(:disabled)+label::before{--interactive-rgb: var(--interactive-light-rgb);background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-checkbox:not(.disabled) input:disabled+label{cursor:not-allowed;opacity:var(--disabled)}.br-checkbox:not(.disabled) input:disabled+label *{pointer-events:none}.br-checkbox.inverted,.br-checkbox.inverted label,.br-checkbox.dark-mode,.br-checkbox.dark-mode label{color:var(--color-dark)}:host{display:inline-block;margin-bottom:var(--spacing-scale-base)}:host .br-checkbox{--checkbox-padding: var(--spacing-scale-half);--checkbox-size: 24px;display:flex;position:relative}:host .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}:host(.checkgroup-item){margin-bottom:0}