@govbr-ds/webcomponents 2.5.0 → 2.6.0

package/dist/collection/components/table/table.tokens.js

@@ -0,0 +1,28 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+/**
+ * Custom properties utilizadas para comunicar valores calculados aos componentes.
+ *
+ * @module table-tokens
+ */
+/**
+ * Nomes canônicos dos tokens CSS internos da tabela.
+ *
+ * @remarks Centralizar os nomes evita divergências entre TypeScript e SCSS.
+ */
+export const TABLE_TOKENS = {
+    COLUMN_WIDTHS: '--br-table-column-widths',
+    DENSITY: '--br-table-density',
+    BAR_PADDING: '--br-table-bar-padding',
+    HORIZONTAL_ALIGNMENT: '--br-table-horizontal-alignment',
+    VERTICAL_ALIGNMENT: '--br-table-vertical-alignment',
+    DIVIDER_STYLE: '--br-table-divider-style',
+    COLUMN_DIVIDER_FACTOR: '--br-table-column-divider-factor',
+    ROW_DIVIDER_FACTOR: '--br-table-row-divider-factor',
+    CELL_OVERFLOW: '--br-table-cell-overflow',
+    CELL_TEXT_OVERFLOW: '--br-table-cell-text-overflow',
+    CELL_WHITE_SPACE: '--br-table-cell-white-space',
+    EXPANDED_CONTENT_HEIGHT: '--br-table-expanded-content-height',
+};

package/dist/collection/components/table/table.types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/table/table.utils.js

@@ -0,0 +1,75 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+/**
+ * Funções puras compartilhadas pela resolução de tokens da tabela.
+ *
+ * @module table-utils
+ */
+import { TABLE_DENSITY, TABLE_DENSITY_MAP } from "./table.constants";
+import { TABLE_TOKENS } from "./table.tokens";
+/**
+ * Resolve um valor semântico ou CSS validado, utilizando fallback quando inválido.
+ *
+ * @param raw Valor recebido pela API pública.
+ * @param options Mapa semântico, validadores e fallback da resolução.
+ * @returns Valor CSS seguro que pode ser aplicado ao componente.
+ */
+export function resolveTokenValue(raw, options) {
+    if (raw === undefined || raw === '')
+        return options.fallback;
+    const { semanticMap, validators = [], fallback } = options;
+    if (semanticMap && raw in semanticMap) {
+        return semanticMap[raw];
+    }
+    const isValid = validators.some((validator) => validator(raw));
+    return isValid ? raw : fallback;
+}
+/**
+ * Valida valores positivos expressos em pixels.
+ *
+ * @param value Valor CSS candidato.
+ * @returns `true` quando o valor utiliza `px` e é maior que zero.
+ */
+export const positivePxValidator = (value) => /^\d+(\.\d+)?px$/.test(value) && parseFloat(value) > 0;
+/**
+ * Valida valores positivos expressos como fração de grid.
+ *
+ * @param value Valor CSS candidato.
+ * @returns `true` quando o valor utiliza `fr` e é maior que zero.
+ */
+export const positiveFrValidator = (value) => /^\d+(\.\d+)?fr$/.test(value) && parseFloat(value) > 0;
+/**
+ * Solicita a execução de uma função no próximo frame de animação.
+ *
+ * @returns Promise que resolve no próximo frame de animação.
+ */
+export const requestAnimationFramePromise = () => new Promise((resolve) => {
+    requestAnimationFrame(() => resolve());
+});
+/**
+ * Resolve a densidade semântica correspondente ao token CSS efetivo de uma célula.
+ */
+export function resolveTableDensityFromElement(element) {
+    if (element === null)
+        return TABLE_DENSITY.MEDIUM;
+    const computedDensity = getComputedStyle(element).getPropertyValue(TABLE_TOKENS.DENSITY).trim();
+    const resolvedDensity = Object.entries(TABLE_DENSITY_MAP).find(([, value]) => value === computedDensity)?.[0];
+    return resolvedDensity ?? TABLE_DENSITY.MEDIUM;
+}
+/**
+ * Indica se uma mutação de `class` apenas adicionou ou removeu a marca
+ * `hydrated` do Stencil, que não altera a herança de tokens da tabela.
+ * Exige `attributeOldValue` no observer.
+ */
+export function isHydrationClassMutation(mutation) {
+    if (mutation.attributeName !== 'class')
+        return false;
+    const tokens = (value) => (value ?? '')
+        .split(/\s+/)
+        .filter((token) => token !== '' && token !== 'hydrated')
+        .sort()
+        .join(' ');
+    return tokens(mutation.oldValue) === tokens(mutation.target.getAttribute('class'));
+}

package/dist/collection/components/table/table.virtual-list.js

@@ -0,0 +1,342 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { expandTableGroupRange } from "./table.grouping";
+const VIRTUAL_BUFFER_ROWS = 4;
+/**
+ * Materializa uma quantidade estável de linhas ao redor da viewport.
+ *
+ * @remarks
+ * A quantidade de elementos montados é calculada por `visibleRows` mais um
+ * buffer interno fixo de quatro linhas. A janela é ampliada aos limites dos
+ * grupos contíguos, podendo exceder essa quantidade para manter mesclas íntegras.
+ * Linhas expandidas alteram a altura
+ * total, mas não aumentam a quantidade de `br-table-row` materializados.
+ *
+ * A janela só é reposicionada quando a área visível se aproxima de uma das
+ * bordas do buffer. Isso reduz substituições de DOM durante o scroll.
+ * As somas de alturas são reutilizadas até `reset`, `invalidateRow`, uma nova
+ * sequência lógica ou uma medição diferente. Somente a faixa montada é medida.
+ */
+export class TableVirtualListController {
+    constructor(options) {
+        this.options = options;
+        this.measuredHeights = new Map();
+        this.currentRange = null;
+        this.viewport = null;
+        this.measurementVersion = 0;
+        this.scheduleSync = () => {
+            if (this.rafId !== undefined)
+                return;
+            this.rafId = requestAnimationFrame(() => {
+                this.rafId = undefined;
+                this.sync();
+            });
+        };
+        this.handleScroll = () => this.scheduleSync();
+    }
+    connect() {
+        const viewport = this.options.getViewport();
+        if (viewport === null || viewport === this.viewport)
+            return;
+        this.disconnectViewport();
+        this.viewport = viewport;
+        viewport.style.overflowAnchor = 'none';
+        viewport.addEventListener('scroll', this.handleScroll, { passive: true });
+        if (typeof ResizeObserver !== 'undefined') {
+            this.resizeObserver = new ResizeObserver(() => this.scheduleSync());
+            this.resizeObserver.observe(viewport);
+        }
+    }
+    disconnect() {
+        this.measurementVersion += 1;
+        this.pendingRevealIndex = undefined;
+        this.disconnectViewport();
+        if (this.rafId !== undefined)
+            cancelAnimationFrame(this.rafId);
+        if (this.measurementRafId !== undefined)
+            cancelAnimationFrame(this.measurementRafId);
+        this.rafId = undefined;
+        this.measurementRafId = undefined;
+    }
+    reset(scrollToTop = true) {
+        this.measurementVersion += 1;
+        this.pendingRevealIndex = undefined;
+        this.measuredHeights.clear();
+        this.prefix = undefined;
+        this.currentRange = null;
+        if (scrollToTop && this.viewport !== null)
+            this.viewport.scrollTop = 0;
+        this.sync(true);
+    }
+    invalidateRow(index) {
+        this.measurementVersion += 1;
+        this.measuredHeights.delete(index);
+        this.prefix = undefined;
+        this.currentRange = null;
+        this.scheduleSync();
+    }
+    /** Recalcula a área útil sem descartar alturas de linhas ou a posição do scroll. */
+    refreshViewport() {
+        this.scheduleSync();
+    }
+    /** Materializa o destino antes do foco; null representa o cabeçalho. */
+    revealRow(index) {
+        const viewport = this.viewport;
+        if (viewport === null)
+            return;
+        // Uma nova tecla substitui o destino ainda pendente de medição.
+        this.pendingRevealIndex = undefined;
+        if (index === null) {
+            viewport.scrollTop = 0;
+            this.sync();
+            return;
+        }
+        const prefix = this.getPrefix(this.options.getRows());
+        const top = prefix[index];
+        const bottom = prefix[index + 1];
+        const viewportHeight = Math.max(1, viewport.clientHeight - this.options.getStickyHeaderHeight());
+        if (top < viewport.scrollTop || bottom > viewport.scrollTop + viewportHeight) {
+            this.pendingRevealIndex = index;
+            viewport.scrollTop = top;
+            this.sync(true);
+        }
+    }
+    sync(force = false) {
+        this.connect();
+        const viewport = this.viewport;
+        const rows = this.options.getRows();
+        if (viewport === null)
+            return;
+        const prefix = this.getPrefix(rows);
+        if (rows.length === 0) {
+            const empty = { start: 0, end: 0, beforeHeight: 0, afterHeight: 0 };
+            this.currentRange = empty;
+            this.options.renderRange(empty);
+            this.options.onAfterRender?.();
+            return;
+        }
+        // Linhas ainda não hidratadas têm altura zero e podem limitar o scroll nativo.
+        const scrollTop = this.pendingRevealIndex === undefined ? viewport.scrollTop : prefix[this.pendingRevealIndex];
+        const headerHeight = this.options.getStickyHeaderHeight();
+        const viewportHeight = Math.max(viewport.clientHeight - headerHeight, 1);
+        const bufferRows = this.resolveBufferRows(rows.length);
+        const visibleStart = this.findRowAtOffset(prefix, scrollTop);
+        const visibleEnd = Math.min(rows.length, this.findRowAtOffset(prefix, scrollTop + viewportHeight) + 1);
+        if (!force && this.canKeepCurrentRange(visibleStart, visibleEnd, bufferRows)) {
+            return;
+        }
+        const renderedCount = this.resolveRenderedRowCount(rows.length);
+        const range = this.createStableRange(prefix, rows.length, visibleStart, renderedCount, bufferRows);
+        if (!force && this.isSameRange(range, this.currentRange))
+            return;
+        this.measurementVersion += 1;
+        this.currentRange = range;
+        const previousScrollTop = viewport.scrollTop;
+        this.options.renderRange(range);
+        // Mover as linhas para o fragmento pode limitar temporariamente o scroll nativo.
+        viewport.scrollTop = previousScrollTop;
+        this.options.onAfterRender?.();
+        this.scheduleMeasurement();
+    }
+    /**
+     * Resolve a quantidade total de linhas adicionais mantidas no pool virtual.
+     * O buffer é fixo para tornar o custo de DOM previsível durante o scroll.
+     */
+    resolveBufferRows(totalRows) {
+        const visibleRows = this.resolveVisibleCapacity(totalRows);
+        if (visibleRows <= 0 || visibleRows >= totalRows)
+            return 0;
+        return Math.min(VIRTUAL_BUFFER_ROWS, totalRows - visibleRows);
+    }
+    /** Resolve a quantidade efetiva de linhas visíveis para o dataset atual. */
+    resolveVisibleCapacity(totalRows) {
+        const configuredVisibleRows = this.options.visibleRows();
+        if (totalRows <= 0)
+            return 0;
+        const normalizedVisibleRows = Number.isFinite(configuredVisibleRows)
+            ? Math.min(50, Math.max(1, Math.floor(configuredVisibleRows)))
+            : 10;
+        return Math.min(totalRows, normalizedVisibleRows);
+    }
+    /**
+     * Mantém a janela atual enquanto a viewport estiver dentro de sua zona
+     * segura. A troca ocorre em blocos, e não a cada nova linha visível.
+     */
+    canKeepCurrentRange(visibleStart, visibleEnd, bufferRows) {
+        const range = this.currentRange;
+        if (range === null)
+            return false;
+        const guard = bufferRows > 0 ? 1 : 0;
+        const safeStart = range.start + guard;
+        const safeEnd = range.end - guard;
+        const atStart = range.start === 0;
+        const atEnd = range.end === this.options.getRows().length;
+        const hasSafeStart = atStart ? visibleStart >= range.start : visibleStart >= safeStart;
+        const hasSafeEnd = atEnd ? visibleEnd <= range.end : visibleEnd <= safeEnd;
+        return hasSafeStart && hasSafeEnd;
+    }
+    /**
+     * Mantém uma quantidade fixa de linhas materializadas para um mesmo
+     * `visibleRows`: capacidade visível + até quatro linhas de buffer.
+     */
+    resolveRenderedRowCount(totalRows) {
+        const visibleCapacity = this.resolveVisibleCapacity(totalRows);
+        if (visibleCapacity >= totalRows)
+            return totalRows;
+        return Math.min(totalRows, visibleCapacity + VIRTUAL_BUFFER_ROWS);
+    }
+    /** Centraliza a faixa ao redor do início visível sem variar seu tamanho. */
+    createStableRange(prefix, totalRows, visibleStart, renderedCount, bufferRows) {
+        const bufferBefore = Math.floor(bufferRows / 2);
+        const desiredStart = visibleStart - bufferBefore;
+        const maxStart = Math.max(0, totalRows - renderedCount);
+        const initialStart = Math.min(Math.max(0, desiredStart), maxStart);
+        const { start, end } = expandTableGroupRange(this.options.getRows(), initialStart, Math.min(totalRows, initialStart + renderedCount));
+        return {
+            start,
+            end,
+            beforeHeight: prefix[start],
+            afterHeight: prefix[totalRows] - prefix[end],
+        };
+    }
+    /** Reutiliza as somas enquanto a sequência lógica e suas alturas permanecem válidas. */
+    getPrefix(rows) {
+        if (rows !== this.indexedRows) {
+            this.measurementVersion += 1;
+            this.indexedRows = rows;
+            this.measuredHeights.clear();
+            this.prefix = undefined;
+            this.currentRange = null;
+            this.pendingRevealIndex = undefined;
+        }
+        if (this.prefix !== undefined)
+            return this.prefix;
+        const prefix = new Array(rows.length + 1).fill(0);
+        rows.forEach((row, index) => {
+            prefix[index + 1] = prefix[index] + (this.measuredHeights.get(index) ?? this.estimateHeight(row));
+        });
+        this.prefix = prefix;
+        return prefix;
+    }
+    estimateHeight(row) {
+        const base = Math.max(1, this.options.estimatedRowHeight());
+        if (!row.hasAttribute('expanded'))
+            return base;
+        const rowOverride = Number(row.getAttribute('virtual-expanded-content-height'));
+        const expandedHeight = Number.isFinite(rowOverride) && rowOverride > 0
+            ? rowOverride
+            : Math.max(0, this.options.estimatedExpandedHeight());
+        return base + expandedHeight;
+    }
+    findRowAtOffset(prefix, offset) {
+        let low = 0;
+        let high = prefix.length - 1;
+        const target = Math.max(0, offset);
+        while (low < high) {
+            const mid = Math.floor((low + high + 1) / 2);
+            if (prefix[mid] <= target)
+                low = mid;
+            else
+                high = mid - 1;
+        }
+        return Math.min(low, prefix.length - 2);
+    }
+    /**
+     * Mede somente as linhas materializadas e preserva a posição visual da linha
+     * âncora caso a altura de itens anteriores seja corrigida.
+     */
+    scheduleMeasurement() {
+        if (this.measurementRafId !== undefined)
+            cancelAnimationFrame(this.measurementRafId);
+        const version = ++this.measurementVersion;
+        this.measurementRafId = requestAnimationFrame(() => {
+            this.measurementRafId = undefined;
+            const viewport = this.viewport;
+            const rows = this.options.getRows();
+            if (viewport === null || rows.length === 0)
+                return;
+            const prefixBefore = this.getPrefix(rows);
+            const range = this.currentRange;
+            if (range === null || version !== this.measurementVersion)
+                return;
+            void this.measureRows(rows, range).then((measurements) => {
+                if (!this.isMeasurementCurrent(version, viewport, rows, range))
+                    return;
+                this.applyMeasurements(measurements, prefixBefore, viewport, rows);
+            });
+        });
+    }
+    isMeasurementCurrent(version, viewport, rows, range) {
+        return (version === this.measurementVersion &&
+            this.viewport === viewport &&
+            this.currentRange === range &&
+            this.options.getRows() === rows);
+    }
+    applyMeasurements(measurements, prefixBefore, viewport, rows) {
+        const anchorIndex = this.findRowAtOffset(prefixBefore, viewport.scrollTop);
+        const anchorOffset = viewport.scrollTop - prefixBefore[anchorIndex];
+        const { changed, revealed } = this.updateMeasuredHeights(measurements, prefixBefore);
+        if (changed)
+            this.prefix = undefined;
+        const prefixAfter = this.getPrefix(rows);
+        if (revealed && this.pendingRevealIndex !== undefined) {
+            viewport.scrollTop = prefixAfter[this.pendingRevealIndex];
+            this.pendingRevealIndex = undefined;
+        }
+        if (!changed)
+            return;
+        const anchoredScrollTop = prefixAfter[anchorIndex] + anchorOffset;
+        const correction = anchoredScrollTop - viewport.scrollTop;
+        // Corrige somente mudanças perceptíveis. O ajuste ocorre no mesmo frame
+        // da medição, evitando o salto causado pela alteração dos spacers.
+        if (!revealed && Math.abs(correction) > 0.5)
+            viewport.scrollTop = anchoredScrollTop;
+        this.currentRange = null;
+        this.scheduleSync();
+    }
+    updateMeasuredHeights(measurements, prefix) {
+        let changed = false;
+        let revealed = false;
+        for (const { index, height } of measurements) {
+            if (height <= 0)
+                continue;
+            if (index === this.pendingRevealIndex)
+                revealed = true;
+            const previous = prefix[index + 1] - prefix[index];
+            if (Math.abs(previous - height) > 0.5) {
+                this.measuredHeights.set(index, height);
+                changed = true;
+            }
+        }
+        return { changed, revealed };
+    }
+    async measureRows(rows, range) {
+        return Promise.all(Array.from({ length: range.end - range.start }, (_, offset) => {
+            const index = range.start + offset;
+            const row = rows[index];
+            if (!row.isConnected)
+                return { index, height: 0 };
+            return row.getMeasuredHeight().then((height) => ({
+                index,
+                height: row.isConnected ? height : 0,
+            }));
+        }));
+    }
+    disconnectViewport() {
+        if (this.viewport !== null)
+            this.measurementVersion += 1;
+        this.viewport?.removeEventListener('scroll', this.handleScroll);
+        this.resizeObserver?.disconnect();
+        this.resizeObserver = undefined;
+        this.viewport = null;
+    }
+    isSameRange(a, b) {
+        return (b !== null &&
+            a.start === b.start &&
+            a.end === b.end &&
+            Math.abs(a.beforeHeight - b.beforeHeight) < 0.5 &&
+            Math.abs(a.afterHeight - b.afterHeight) < 0.5);
+    }
+}

package/dist/collection/components/tag/tag.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}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[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)}.br-input{--input-button-margin: var(--spacing-scale-half);--input-padding: 0 var(--spacing-scale-2x);--input-padding-button: var(--spacing-scale-5x);--input-padding-icon: var(--spacing-scale-5x);--input-size: var(--input-medium);--input-small: 32px;--input-medium: 40px;--input-large: 48px;--input-highlight: 56px;--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--interactive-light-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{appearance:none}.br-input.input-inline{display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size)*.5 - var(--spacing-scale-half))}.br-input.input-inline .input-content{flex:1}.br-input .input-group{position:relative}.br-input .input-icon{align-items:center;color:var(--border-color-alternative);display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size: var(--button-small);--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--interactive-light-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative;transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.input-highlight{--input-button-margin: var(--spacing-scale-2x);--input-padding: 0 var(--spacing-scale-3x);--input-padding-button: var(--spacing-scale-7x);--input-padding-icon: var(--spacing-scale-7x);--input-size: var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:rgba(0,0,0,0);padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y: var(--spacing-scale-2x)}.br-input .br-list .br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input input:focus,.br-input input:focus-visible,.br-input input.focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size: var(--input-small)}.br-input.medium{--input-size: var(--input-medium)}.br-input.large{--input-size: var(--input-large)}.br-input.inverted,.br-input.inverted label,.br-input.dark-mode,.br-input.dark-mode label{--color: var(--color-dark);--focus-color: var(--focus-color-dark)}.br-tag{--tag-size: var(--tag-medium);--tag-small: var(--spacing-scale-2xh);--tag-medium: var(--spacing-scale-3xh);--tag-large: var(--spacing-scale-4xh);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag>.fa:first-child,.br-tag>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction,.br-tag.interaction-select{--tag-small: var(--spacing-scale-4x);--tag-medium: var(--spacing-scale-5x);--tag-large: var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size: var(--spacing-scale-3xh);--focus: var(--focus-color-dark);--hover: var(--hover-dark);--interactive-rgb: var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.interaction-select{background:rgba(0,0,0,0);padding:0}.br-tag.interaction-select label{--interactive-rgb: var(--color-dark-rgb);--hover: var(--hover-dark);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag.interaction-select label+.br-tag.interaction-select label{margin-left:var(--spacing-scale-half)}.br-tag.interaction-select label>.fa:first-child,.br-tag.interaction-select label>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction-select label{background:var(--interactive);cursor:pointer;font-size:var(--font-size-scale-up-01);margin:0;transition:padding 150ms ease}.br-tag.interaction-select input{height:0;opacity:0;position:relative;width:0}.br-tag.interaction-select input:checked+label::after{border:solid var(--color-dark);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);transform:rotate(45deg) translate(12px, -14px);width:8px}.br-tag.interaction-select input:focus+label{outline-color:var(--focus-color);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tag.interaction-select input:hover+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction-select input:active+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));color:var(--color-dark)}.br-tag.interaction-select.selected label{background-color:var(--selected);padding-right:var(--spacing-scale-4xh)}.br-tag.disabled input{cursor:not-allowed}.br-tag.status{--tag-small: var(--spacing-scale-baseh);--tag-medium: var(--spacing-scale-2x);--tag-large: var(--spacing-scale-3x);border:1px solid var(--background-light);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.count{--tag-small: var(--spacing-scale-2xh);--tag-medium: var(--spacing-scale-3x);--tag-large: var(--spacing-scale-3xh);border:1px solid var(--background-light);border-radius:100em;min-width:var(--tag-size);padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-tag.icon{--tag-small: var(--spacing-scale-3xh);--tag-medium: var(--spacing-scale-4x);--tag-large: var(--spacing-scale-5xh);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.icon .fa,.br-tag.icon .fas{font-size:var(--icon-size-base);margin:0 !important}.br-tag.small{--tag-size: var(--tag-small)}.br-tag.medium{--tag-size: var(--tag-medium)}.br-tag.large{--tag-size: var(--tag-large)}.br-tag.interaction,.br-tag.interaction-select{--tag-small: var(--spacing-scale-4x);--tag-medium: var(--spacing-scale-5x);--tag-large: var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size: var(--spacing-scale-3xh);--focus: var(--focus-color-dark);--hover: var(--hover-dark);--interactive-rgb: var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.interaction-select{background:rgba(0,0,0,0);padding:0}.br-tag.interaction-select label{--interactive-rgb: var(--color-dark-rgb);--hover: var(--hover-dark);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag.interaction-select label+.br-tag.interaction-select label{margin-left:var(--spacing-scale-half)}.br-tag.interaction-select label>.fa:first-child,.br-tag.interaction-select label>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction-select label{background:var(--interactive);cursor:pointer;font-size:var(--font-size-scale-up-01);margin:0;transition:padding 150ms ease}.br-tag.interaction-select input{height:0;opacity:0;position:relative;width:0}.br-tag.interaction-select input:checked+label::after{border:solid var(--color-dark);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);transform:rotate(45deg) translate(12px, -14px);width:8px}.br-tag.interaction-select input:focus+label{outline-color:var(--focus-color);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tag.interaction-select input:hover+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction-select input:active+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));color:var(--color-dark)}.br-tag.interaction-select.selected label{background-color:var(--selected);padding-right:var(--spacing-scale-4xh)}.br-tag.disabled input{cursor:not-allowed}.br-tag.interaction,.br-tag.interaction-select{--tag-small: var(--spacing-scale-4x);--tag-medium: var(--spacing-scale-5x);--tag-large: var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size: var(--spacing-scale-3xh);--focus: var(--focus-color-dark);--hover: var(--hover-dark);--interactive-rgb: var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.interaction-select{background:rgba(0,0,0,0);padding:0}.br-tag.interaction-select label{--interactive-rgb: var(--color-dark-rgb);--hover: var(--hover-dark);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag.interaction-select label+.br-tag.interaction-select label{margin-left:var(--spacing-scale-half)}.br-tag.interaction-select label>.fa:first-child,.br-tag.interaction-select label>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction-select label{background:var(--interactive);cursor:pointer;font-size:var(--font-size-scale-up-01);margin:0;transition:padding 150ms ease}.br-tag.interaction-select input{height:0;opacity:0;position:relative;width:0}.br-tag.interaction-select input:checked+label::after{border:solid var(--color-dark);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);transform:rotate(45deg) translate(12px, -14px);width:8px}.br-tag.interaction-select input:focus+label{outline-color:var(--focus-color);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tag.interaction-select input:hover+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction-select input:active+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));color:var(--color-dark)}.br-tag.interaction-select.selected label{background-color:var(--selected);padding-right:var(--spacing-scale-4xh)}.br-tag.disabled input{cursor:not-allowed}.br-tag{align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag>.fa:first-child,.br-tag>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.small{--tag-size: var(--tag-small)}.br-tag.medium{--tag-size: var(--tag-medium)}.br-tag.large{--tag-size: var(--tag-large)}.br-tag.highlight,.br-tag[highlight]{background-color:#268744}.br-tag.success,.br-tag[success]{background-color:var(--success)}.br-tag.danger,.br-tag[danger]{background-color:var(--danger)}.br-tag.warning,.br-tag[warning]{background-color:var(--warning)}.br-tag.info,.br-tag[info]{background-color:var(--info)}:host{display:inline-block;margin-right:var(--spacing-scale-half)}:host .tag-spacing-status{margin-left:var(--spacing-scale-half)}:host .br-tag.interaction br-button{margin-left:var(--spacing-scale-baseh)}:host .br-tag:not(.icon) br-icon{margin-right:var(--spacing-scale-base)}:host .br-tag.custom-size{align-items:center;display:inline-flex;font-size:calc(var(--br-tag-custom-size)*.55);height:var(--br-tag-custom-size);justify-content:center;line-height:1;min-height:var(--br-tag-custom-size);min-width:var(--br-tag-custom-size);padding:0;width:var(--br-tag-custom-size)}:host .br-tag.custom-size br-icon{height:calc(var(--br-tag-custom-size)*.6);width:calc(var(--br-tag-custom-size)*.6)}:host .br-tag.custom-size label{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.br-tag.interaction-select label{transition:none}@media(prefers-reduced-motion: no-preference){.br-tag.interaction-select label{transition:none}}
+*,*::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}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}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.pt-half{padding-top:var(--spacing-scale-half) !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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}mark,.mark{background:var(--red-warm-vivid-10);color:var(--color)}*[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)}.br-input{--input-button-margin: var(--spacing-scale-half);--input-padding: 0 var(--spacing-scale-2x);--input-padding-button: var(--spacing-scale-5x);--input-padding-icon: var(--spacing-scale-5x);--input-size: var(--input-medium);--input-small: 32px;--input-medium: 40px;--input-large: 48px;--input-highlight: 56px;--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--interactive-light-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{appearance:none}.br-input.input-inline{display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size)*.5 - var(--spacing-scale-half))}.br-input.input-inline .input-content{flex:1}.br-input .input-group{position:relative}.br-input .input-icon{align-items:center;color:var(--border-color-alternative);display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size: var(--button-small);--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--interactive-light-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative;transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.input-highlight{--input-button-margin: var(--spacing-scale-2x);--input-padding: 0 var(--spacing-scale-3x);--input-padding-button: var(--spacing-scale-7x);--input-padding-icon: var(--spacing-scale-7x);--input-size: var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:rgba(0,0,0,0);padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y: var(--spacing-scale-2x)}.br-input .br-list .br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input input:focus,.br-input input:focus-visible,.br-input input.focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size: var(--input-small)}.br-input.medium{--input-size: var(--input-medium)}.br-input.large{--input-size: var(--input-large)}.br-input.inverted,.br-input.inverted label,.br-input.dark-mode,.br-input.dark-mode label{--color: var(--color-dark);--focus-color: var(--focus-color-dark)}.br-tag{--tag-size: var(--tag-medium);--tag-small: var(--spacing-scale-2xh);--tag-medium: var(--spacing-scale-3xh);--tag-large: var(--spacing-scale-4xh);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag>.fa:first-child,.br-tag>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction,.br-tag.interaction-select{--tag-small: var(--spacing-scale-4x);--tag-medium: var(--spacing-scale-5x);--tag-large: var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size: var(--spacing-scale-3xh);--focus: var(--focus-color-dark);--hover: var(--hover-dark);--interactive-rgb: var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.interaction-select{background:rgba(0,0,0,0);padding:0}.br-tag.interaction-select label{--interactive-rgb: var(--color-dark-rgb);--hover: var(--hover-dark);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag.interaction-select label+.br-tag.interaction-select label{margin-left:var(--spacing-scale-half)}.br-tag.interaction-select label>.fa:first-child,.br-tag.interaction-select label>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction-select label{background:var(--interactive);cursor:pointer;font-size:var(--font-size-scale-up-01);margin:0;transition:padding 150ms ease}.br-tag.interaction-select input{height:0;opacity:0;position:relative;width:0}.br-tag.interaction-select input:checked+label::after{border:solid var(--color-dark);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);transform:rotate(45deg) translate(12px, -14px);width:8px}.br-tag.interaction-select input:focus+label{outline-color:var(--focus-color);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tag.interaction-select input:hover+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction-select input:active+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));color:var(--color-dark)}.br-tag.interaction-select.selected label{background-color:var(--selected);padding-right:var(--spacing-scale-4xh)}.br-tag.disabled input{cursor:not-allowed}.br-tag.status{--tag-small: var(--spacing-scale-baseh);--tag-medium: var(--spacing-scale-2x);--tag-large: var(--spacing-scale-3x);border:1px solid var(--background-light);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.count{--tag-small: var(--spacing-scale-2xh);--tag-medium: var(--spacing-scale-3x);--tag-large: var(--spacing-scale-3xh);border:1px solid var(--background-light);border-radius:100em;min-width:var(--tag-size);padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-tag.icon{--tag-small: var(--spacing-scale-3xh);--tag-medium: var(--spacing-scale-4x);--tag-large: var(--spacing-scale-5xh);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.icon .fa,.br-tag.icon .fas{font-size:var(--icon-size-base);margin:0 !important}.br-tag.small{--tag-size: var(--tag-small)}.br-tag.medium{--tag-size: var(--tag-medium)}.br-tag.large{--tag-size: var(--tag-large)}.br-tag.interaction,.br-tag.interaction-select{--tag-small: var(--spacing-scale-4x);--tag-medium: var(--spacing-scale-5x);--tag-large: var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size: var(--spacing-scale-3xh);--focus: var(--focus-color-dark);--hover: var(--hover-dark);--interactive-rgb: var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.interaction-select{background:rgba(0,0,0,0);padding:0}.br-tag.interaction-select label{--interactive-rgb: var(--color-dark-rgb);--hover: var(--hover-dark);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag.interaction-select label+.br-tag.interaction-select label{margin-left:var(--spacing-scale-half)}.br-tag.interaction-select label>.fa:first-child,.br-tag.interaction-select label>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction-select label{background:var(--interactive);cursor:pointer;font-size:var(--font-size-scale-up-01);margin:0;transition:padding 150ms ease}.br-tag.interaction-select input{height:0;opacity:0;position:relative;width:0}.br-tag.interaction-select input:checked+label::after{border:solid var(--color-dark);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);transform:rotate(45deg) translate(12px, -14px);width:8px}.br-tag.interaction-select input:focus+label{outline-color:var(--focus-color);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tag.interaction-select input:hover+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction-select input:active+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));color:var(--color-dark)}.br-tag.interaction-select.selected label{background-color:var(--selected);padding-right:var(--spacing-scale-4xh)}.br-tag.disabled input{cursor:not-allowed}.br-tag.interaction,.br-tag.interaction-select{--tag-small: var(--spacing-scale-4x);--tag-medium: var(--spacing-scale-5x);--tag-large: var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size: var(--spacing-scale-3xh);--focus: var(--focus-color-dark);--hover: var(--hover-dark);--interactive-rgb: var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.interaction-select{background:rgba(0,0,0,0);padding:0}.br-tag.interaction-select label{--interactive-rgb: var(--color-dark-rgb);--hover: var(--hover-dark);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag.interaction-select label+.br-tag.interaction-select label{margin-left:var(--spacing-scale-half)}.br-tag.interaction-select label>.fa:first-child,.br-tag.interaction-select label>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction-select label{background:var(--interactive);cursor:pointer;font-size:var(--font-size-scale-up-01);margin:0;transition:padding 150ms ease}.br-tag.interaction-select input{height:0;opacity:0;position:relative;width:0}.br-tag.interaction-select input:checked+label::after{border:solid var(--color-dark);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);transform:rotate(45deg) translate(12px, -14px);width:8px}.br-tag.interaction-select input:focus+label{outline-color:var(--focus-color);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tag.interaction-select input:hover+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction-select input:active+label{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));color:var(--color-dark)}.br-tag.interaction-select.selected label{background-color:var(--selected);padding-right:var(--spacing-scale-4xh)}.br-tag.disabled input{cursor:not-allowed}.br-tag{align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag>.fa:first-child,.br-tag>.fas:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.small{--tag-size: var(--tag-small)}.br-tag.medium{--tag-size: var(--tag-medium)}.br-tag.large{--tag-size: var(--tag-large)}.br-tag.highlight,.br-tag[highlight]{background-color:#268744}.br-tag.success,.br-tag[success]{background-color:var(--success)}.br-tag.danger,.br-tag[danger]{background-color:var(--danger)}.br-tag.warning,.br-tag[warning]{background-color:var(--warning)}.br-tag.info,.br-tag[info]{background-color:var(--info)}:host([disabled]) .br-tag.disabled{opacity:1}:host{display:inline-block;margin-right:var(--spacing-scale-half)}:host .tag-spacing-status{margin-left:var(--spacing-scale-half)}:host .br-tag.interaction br-button{margin-left:var(--spacing-scale-baseh)}:host .br-tag:not(.icon) br-icon{margin-right:var(--spacing-scale-base)}:host .br-tag.custom-size{align-items:center;display:inline-flex;font-size:calc(var(--br-tag-custom-size)*.55);height:var(--br-tag-custom-size);justify-content:center;line-height:1;min-height:var(--br-tag-custom-size);min-width:var(--br-tag-custom-size);padding:0;width:var(--br-tag-custom-size)}:host .br-tag.custom-size br-icon{height:calc(var(--br-tag-custom-size)*.6);width:calc(var(--br-tag-custom-size)*.6)}:host .br-tag.custom-size label{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.br-tag.interaction-select label{transition:none}@media(prefers-reduced-motion: no-preference){.br-tag.interaction-select label{transition:none}}

package/dist/collection/components/tag/tag.js

@@ -504,11 +504,11 @@ export class Tag {
     }
     render() {
         const mainContent = this.renderMainTagContent();
-        return (h(Host, { key: '920367f2226906a5647e53f9340bccebc8950973' }, this.effectiveSelectable
+        return (h(Host, { key: '257a3f50c1edc33fc02d66473614ade6bee1fbea' }, this.effectiveSelectable
             ? this.renderInteractionSelectTag()
             : this.effectiveStatus
                 ? this.renderStatusLayout(mainContent)
-                : mainContent, h("div", { key: '773bf8dcb94a3c172e9a66298493f4c4a502335d', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, h("slot", { key: '1f20e23d871705afa78914dcd17ce423f29f42b6', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
+                : mainContent, h("div", { key: 'dd39275f9eb8f0e1c00ca169d7613b23f7e210f8', id: `${this.customId}-feedback`, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, h("slot", { key: '0292b1e05b68f566a71be52cf09b35557ce54cfa', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
     }
     static get is() { return "br-tag"; }
     static get encapsulation() { return "shadow"; }