.bce-badge--bold-text{background-color:var(--bc-color-fill-subtle-neutral);border-radius:var(--bc-radius-sm);padding:.25em .75em;text-transform:uppercase;height:fit-content;width:fit-content}.bce-badge--bold-text p{margin:0}.bce-badge--primary{color:var(--bc-color-text-key-primary)}.bce-badge--secondary{color:var(--bc-color-text-key-secondary)}.bce-badge--accent{color:var(--bc-color-text-key-accent)}.bce-badge--highlight{color:var(--bc-color-text-key-highlight)}.bce-badge--deep{color:var(--bc-color-text-key-deep)}.bce-badge--neutral{color:var(--bc-color-text-key-neutral)}.bce-button{--bce-button-height: var(--bc-size-56);--bce-button-padding-y: var(--bc-size-12);--bce-button-padding-x: var(--bc-size-24);--bce-button-gap: var(--bc-size-8);--bce-button-radius: var(--bc-radius-sm);--bce-button-border-width: var(--bc-border-width-md);--bce-button-border-style: none;--bce-button-font-size: var(--bc-type-size-l2);--bce-button-font-weight: var(--bc-type-weight-l2);--bce-button-line-height: var(--bc-type-line-height-l2);--bce-button-letter-spacing: var(--bc-type-letter-spacing-l2);--bce-button-focus-outline-width: var(--bc-border-width-lg);--bce-button-focus-outline-style: solid;--bce-button-source: var(--bc-color-fill-primary);--bce-button-source-hover: var(--bc-color-fill-strong-primary);--bce-button-source-active: var(--bc-color-fill-bold-primary);--bce-button-source-focus: var(--bc-color-fill-primary);--bce-button-source-text: var(--bc-color-text-inverse-primary);--bce-button-source-text-hover: var(--bc-color-text-inverse-primary);--bce-button-source-text-active: var(--bc-color-text-inverse-primary);--bce-button-source-text-focus: var(--bc-color-text-inverse-primary);--bce-button-source-border: var(--bc-color-border-primary);--bce-button-source-border-hover: var(--bc-color-border-strong-primary);--bce-button-source-border-active: var(--bc-color-border-strong-primary);--bce-button-source-border-focus: var(--bc-color-border-primary);--bce-button-source-outline-focus: var(--bc-color-focus-primary);--bce-button-colour: var(--bce-button-source);--bce-button-colour-text: var(--bce-button-source-text);--bce-button-colour-border: var(--bce-button-source-border);--bce-button-colour-hover: var(--bce-button-source-hover);--bce-button-colour-text-hover: var(--bce-button-source-text-hover);--bce-button-colour-border-hover: var(--bce-button-source-border-hover);--bce-button-colour-active: var(--bce-button-source-active);--bce-button-colour-text-active: var(--bce-button-source-text-active);--bce-button-colour-border-active: var(--bce-button-source-border-active);--bce-button-colour-focus: var(--bce-button-source-focus);--bce-button-colour-text-focus: var(--bce-button-source-text-focus);--bce-button-colour-border-focus: var(--bce-button-source-border-focus);--bce-button-colour-outline-focus: var(--bce-button-source-outline-focus);display:inline-flex;align-items:center;justify-content:center;gap:var(--bce-button-gap);min-height:var(--bce-button-height);padding:var(--bce-button-padding-y) var(--bce-button-padding-x);border:0;border-radius:var(--bce-button-radius);outline:var(--bce-button-border-width) var(--bce-button-border-style) var(--bce-button-colour-border);outline-offset:calc(var(--bce-button-border-width)*-1);background:var(--bce-button-colour);color:var(--bce-button-colour-text);font-size:var(--bce-button-font-size);font-weight:var(--bce-button-font-weight);line-height:var(--bce-button-line-height);letter-spacing:var(--bce-button-letter-spacing);text-align:center;text-decoration:none;cursor:pointer;user-select:none;transition:background-color var(--bc-transition-fast, 160ms ease),outline-color var(--bc-transition-fast, 160ms ease),color var(--bc-transition-fast, 160ms ease),box-shadow var(--bc-transition-fast, 160ms ease),transform var(--bc-transition-fast, 160ms ease)}@media(hover: hover){.bce-button:hover{background:var(--bce-button-colour-hover);outline-color:var(--bce-button-colour-border-hover);color:var(--bce-button-colour-text-hover)}}.bce-button:active{background:var(--bce-button-colour-active);outline-color:var(--bce-button-colour-border-active);color:var(--bce-button-colour-text-active)}.bce-button:focus-visible{background:var(--bce-button-colour-focus);outline-color:var(--bce-button-colour-border-focus);color:var(--bce-button-colour-text-focus);box-shadow:0 0 0 var(--bce-button-focus-outline-width) var(--bce-button-colour-outline-focus)}.bce-button:disabled,.bce-button[disabled],.bce-button[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none;transform:none}.bce-button>svg,.bce-button>i,.bce-button>.bce-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.bce-button__label{display:inline-flex;align-items:center}.bce-button--solid{--bce-button-border-style: none;--bce-button-colour: var(--bce-button-source);--bce-button-colour-text: var(--bce-button-source-text);--bce-button-colour-border: var(--bce-button-source-border);--bce-button-colour-hover: var(--bce-button-source-hover);--bce-button-colour-text-hover: var(--bce-button-source-text-hover);--bce-button-colour-border-hover: var(--bce-button-source-border-hover);--bce-button-colour-active: var(--bce-button-source-active);--bce-button-colour-text-active: var(--bce-button-source-text-active);--bce-button-colour-border-active: var(--bce-button-source-border-active);--bce-button-colour-focus: var(--bce-button-source-focus);--bce-button-colour-text-focus: var(--bce-button-source-text-focus);--bce-button-colour-border-focus: var(--bce-button-source-border-focus)}.bce-button--outline{--bce-button-border-style: solid;--bce-button-colour: transparent;--bce-button-colour-text: var(--bce-button-source);--bce-button-colour-border: var(--bce-button-source);--bce-button-colour-hover: transparent;--bce-button-colour-text-hover: var(--bce-button-source-hover);--bce-button-colour-border-hover: var(--bce-button-source-hover);--bce-button-colour-active: transparent;--bce-button-colour-text-active: var(--bce-button-source-active);--bce-button-colour-border-active: var(--bce-button-source-active);--bce-button-colour-focus: transparent;--bce-button-colour-text-focus: var(--bce-button-source-focus);--bce-button-colour-border-focus: var(--bce-button-source-focus)}.bce-button--ghost{--bce-button-border-style: none;--bce-button-colour: transparent;--bce-button-colour-text: var(--bce-button-source);--bce-button-colour-border: transparent;--bce-button-colour-hover: color-mix(in srgb, var(--bce-button-source) 10%, transparent);--bce-button-colour-text-hover: var(--bce-button-source-hover);--bce-button-colour-border-hover: transparent;--bce-button-colour-active: color-mix(in srgb, var(--bce-button-source) 18%, transparent);--bce-button-colour-text-active: var(--bce-button-source-active);--bce-button-colour-border-active: transparent;--bce-button-colour-focus: color-mix(in srgb, var(--bce-button-source) 10%, transparent);--bce-button-colour-text-focus: var(--bce-button-source-focus);--bce-button-colour-border-focus: transparent}.bce-button--xs{--bce-button-height: var(--bc-size-40);--bce-button-padding-y: var(--bc-size-8);--bce-button-padding-x: var(--bc-size-16);--bce-button-gap: var(--bc-size-6);--bce-button-font-size: var(--bc-type-size-l4);--bce-button-font-weight: var(--bc-type-weight-l4);--bce-button-line-height: var(--bc-type-line-height-l4);--bce-button-letter-spacing: var(--bc-type-letter-spacing-l4);--bce-button-focus-outline-width: var(--bc-border-width-md)}.bce-button--sm{--bce-button-height: var(--bc-size-48);--bce-button-padding-y: var(--bc-size-12);--bce-button-padding-x: var(--bc-size-20);--bce-button-gap: var(--bc-size-8);--bce-button-font-size: var(--bc-type-size-l3);--bce-button-font-weight: var(--bc-type-weight-l3);--bce-button-line-height: var(--bc-type-line-height-l3);--bce-button-letter-spacing: var(--bc-type-letter-spacing-l3);--bce-button-focus-outline-width: var(--bc-border-width-lg)}.bce-button--md{--bce-button-height: var(--bc-size-56);--bce-button-padding-y: var(--bc-size-12);--bce-button-padding-x: var(--bc-size-24);--bce-button-gap: var(--bc-size-8);--bce-button-font-size: var(--bc-type-size-l2);--bce-button-font-weight: var(--bc-type-weight-l2);--bce-button-line-height: var(--bc-type-line-height-l2);--bce-button-letter-spacing: var(--bc-type-letter-spacing-l2);--bce-button-focus-outline-width: var(--bc-border-width-lg)}.bce-button--lg{--bce-button-height: var(--bc-size-64);--bce-button-padding-y: var(--bc-size-16);--bce-button-padding-x: var(--bc-size-32);--bce-button-gap: var(--bc-size-12);--bce-button-font-size: var(--bc-type-size-l1);--bce-button-font-weight: var(--bc-type-weight-l1);--bce-button-line-height: var(--bc-type-line-height-l1);--bce-button-letter-spacing: var(--bc-type-letter-spacing-l1);--bce-button-focus-outline-width: var(--bc-border-width-xl)}.bce-button--primary{--bce-button-source: var(--bc-color-fill-primary);--bce-button-source-hover: var(--bc-color-fill-strong-primary);--bce-button-source-active: var(--bc-color-fill-bold-primary);--bce-button-source-focus: var(--bc-color-fill-primary);--bce-button-source-text: var(--bc-color-text-inverse-primary);--bce-button-source-text-hover: var(--bc-color-text-inverse-primary);--bce-button-source-text-active: var(--bc-color-text-inverse-primary);--bce-button-source-text-focus: var(--bc-color-text-inverse-primary);--bce-button-source-border: var(--bc-color-border-primary);--bce-button-source-border-hover: var(--bc-color-border-strong-primary);--bce-button-source-border-active: var(--bc-color-border-strong-primary);--bce-button-source-border-focus: var(--bc-color-border-primary);--bce-button-source-outline-focus: var(--bc-color-focus-primary)}.bce-button--secondary{--bce-button-source: var(--bc-color-fill-secondary);--bce-button-source-hover: var(--bc-color-fill-strong-secondary);--bce-button-source-active: var(--bc-color-fill-bold-secondary);--bce-button-source-focus: var(--bc-color-fill-secondary);--bce-button-source-text: var(--bc-color-text-inverse-secondary);--bce-button-source-text-hover: var(--bc-color-text-inverse-secondary);--bce-button-source-text-active: var(--bc-color-text-inverse-secondary);--bce-button-source-text-focus: var(--bc-color-text-inverse-secondary);--bce-button-source-border: var(--bc-color-border-secondary);--bce-button-source-border-hover: var(--bc-color-border-strong-secondary);--bce-button-source-border-active: var(--bc-color-border-strong-secondary);--bce-button-source-border-focus: var(--bc-color-border-secondary);--bce-button-source-outline-focus: var(--bc-color-focus-secondary)}.bce-button--accent{--bce-button-source: var(--bc-color-fill-accent);--bce-button-source-hover: var(--bc-color-fill-strong-accent);--bce-button-source-active: var(--bc-color-fill-bold-accent);--bce-button-source-focus: var(--bc-color-fill-accent);--bce-button-source-text: var(--bc-color-text-inverse-accent);--bce-button-source-text-hover: var(--bc-color-text-inverse-accent);--bce-button-source-text-active: var(--bc-color-text-inverse-accent);--bce-button-source-text-focus: var(--bc-color-text-inverse-accent);--bce-button-source-border: var(--bc-color-border-accent);--bce-button-source-border-hover: var(--bc-color-border-strong-accent);--bce-button-source-border-active: var(--bc-color-border-strong-accent);--bce-button-source-border-focus: var(--bc-color-border-accent);--bce-button-source-outline-focus: var(--bc-color-focus-accent)}.bce-button--highlight{--bce-button-source: var(--bc-color-fill-highlight);--bce-button-source-hover: var(--bc-color-fill-strong-highlight);--bce-button-source-active: var(--bc-color-fill-bold-highlight);--bce-button-source-focus: var(--bc-color-fill-highlight);--bce-button-source-text: var(--bc-color-text-inverse-highlight);--bce-button-source-text-hover: var(--bc-color-text-inverse-highlight);--bce-button-source-text-active: var(--bc-color-text-inverse-highlight);--bce-button-source-text-focus: var(--bc-color-text-inverse-highlight);--bce-button-source-border: var(--bc-color-border-highlight);--bce-button-source-border-hover: var(--bc-color-border-strong-highlight);--bce-button-source-border-active: var(--bc-color-border-strong-highlight);--bce-button-source-border-focus: var(--bc-color-border-highlight);--bce-button-source-outline-focus: var(--bc-color-focus-highlight)}.bce-button--deep{--bce-button-source: var(--bc-color-fill-deep);--bce-button-source-hover: var(--bc-color-fill-strong-deep);--bce-button-source-active: var(--bc-color-fill-bold-deep);--bce-button-source-focus: var(--bc-color-fill-deep);--bce-button-source-text: var(--bc-color-text-inverse-deep);--bce-button-source-text-hover: var(--bc-color-text-inverse-deep);--bce-button-source-text-active: var(--bc-color-text-inverse-deep);--bce-button-source-text-focus: var(--bc-color-text-inverse-deep);--bce-button-source-border: var(--bc-color-border-deep);--bce-button-source-border-hover: var(--bc-color-border-strong-deep);--bce-button-source-border-active: var(--bc-color-border-strong-deep);--bce-button-source-border-focus: var(--bc-color-border-deep);--bce-button-source-outline-focus: var(--bc-color-focus-deep)}.bce-button--neutral{--bce-button-source: var(--bc-color-fill-neutral);--bce-button-source-hover: var(--bc-color-fill-strong-neutral);--bce-button-source-active: var(--bc-color-fill-bold-neutral);--bce-button-source-focus: var(--bc-color-fill-neutral);--bce-button-source-text: var(--bc-color-text-inverse-neutral);--bce-button-source-text-hover: var(--bc-color-text-inverse-neutral);--bce-button-source-text-active: var(--bc-color-text-inverse-neutral);--bce-button-source-text-focus: var(--bc-color-text-inverse-neutral);--bce-button-source-border: var(--bc-color-border-neutral);--bce-button-source-border-hover: var(--bc-color-border-strong-neutral);--bce-button-source-border-active: var(--bc-color-border-strong-neutral);--bce-button-source-border-focus: var(--bc-color-border-neutral);--bce-button-source-outline-focus: var(--bc-color-focus-neutral)}.bce-button--contrast{--bce-button-source: var(--bc-color-fill-contrast);--bce-button-source-hover: var(--bc-color-fill-strong-contrast);--bce-button-source-active: var(--bc-color-fill-bold-contrast);--bce-button-source-focus: var(--bc-color-fill-contrast);--bce-button-source-text: var(--bc-color-text-inverse-contrast);--bce-button-source-text-hover: var(--bc-color-text-inverse-contrast);--bce-button-source-text-active: var(--bc-color-text-inverse-contrast);--bce-button-source-text-focus: var(--bc-color-text-inverse-contrast);--bce-button-source-border: var(--bc-color-border-contrast);--bce-button-source-border-hover: var(--bc-color-border-strong-contrast);--bce-button-source-border-active: var(--bc-color-border-strong-contrast);--bce-button-source-border-focus: var(--bc-color-border-contrast);--bce-button-source-outline-focus: var(--bc-color-focus-contrast)}.bce-button.bce-button--lumen-shift,.bce-button-style-lumen-shift .bce-button{--bce-button-lumen-fill: var(--bc-color-fill-primary);--bce-button-lumen-fill-strong: var(--bc-color-fill-strong-primary);--bce-button-lumen-fill-bold: var(--bc-color-fill-bold-primary);--bce-button-lumen-fill-subtle: var(--bc-color-fill-subtle-primary, var(--bc-color-fill-primary));--bce-button-colour: linear-gradient( 131deg, var(--bce-button-lumen-fill) 0%, var(--bce-button-lumen-fill) 28%, var(--bce-button-lumen-fill-strong) 48%, var(--bce-button-lumen-fill) 68%, var(--bce-button-lumen-fill) 100% );--bce-button-source-hover: var(--bce-button-colour);--bce-button-source-active: var(--bce-button-colour);position:relative;overflow:hidden;isolation:isolate;background-size:240% 100%;background-position:12% 50%;transition:background-position 520ms cubic-bezier(0.22, 1, 0.36, 1),filter 180ms ease,transform 180ms cubic-bezier(0.22, 1, 0.36, 1),border-color var(--bc-transition-fast, 160ms ease),color var(--bc-transition-fast, 160ms ease),box-shadow 180ms ease}.bce-button.bce-button--lumen-shift::before,.bce-button-style-lumen-shift .bce-button::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(131deg, color-mix(in srgb, var(--bce-button-lumen-fill-strong) 34%, transparent) 0%, color-mix(in srgb, var(--bce-button-lumen-fill-bold) 44%, transparent) 100%);opacity:0;transition:opacity 160ms ease}@media(hover: hover){.bce-button.bce-button--lumen-shift:hover,.bce-button-style-lumen-shift .bce-button:hover{background-position:88% 50%;filter:saturate(1.04) brightness(1.03);transform:translateY(-1px) scale(1.01);box-shadow:0 var(--bc-size-8) var(--bc-size-24) color-mix(in srgb, var(--bce-button-lumen-fill-strong) 22%, transparent),inset 0 1px 0 color-mix(in srgb, white 22%, transparent)}}.bce-button.bce-button--lumen-shift:active,.bce-button-style-lumen-shift .bce-button:active{background-position:28% 50%;filter:saturate(1.08) brightness(0.96);transform:translateY(1px) scale(0.99)}.bce-button.bce-button--lumen-shift:active::before,.bce-button-style-lumen-shift .bce-button:active::before{opacity:1}@media(hover: none){.bce-button.bce-button--lumen-shift:active,.bce-button-style-lumen-shift .bce-button:active{background-position:42% 50%;filter:saturate(1.06) brightness(0.95);transform:scale(0.985)}.bce-button.bce-button--lumen-shift:active::before,.bce-button-style-lumen-shift .bce-button:active::before{opacity:1}}.bce-button.bce-button--lumen-shift.bce-button--outline,.bce-button-style-lumen-shift .bce-button.bce-button--outline{--bce-button-border-style: solid;--bce-button-colour: transparent;--bce-button-colour-hover: transparent;--bce-button-colour-active: transparent;--bce-button-colour-focus: transparent;--bce-button-colour-text: var(--bce-button-lumen-fill);--bce-button-colour-text-hover: var(--bce-button-lumen-fill-strong);--bce-button-colour-text-active: var(--bce-button-lumen-fill-bold);--bce-button-colour-text-focus: var(--bce-button-lumen-fill);--bce-button-colour-border: var(--bce-button-lumen-fill);--bce-button-colour-border-hover: var(--bce-button-lumen-fill-strong);--bce-button-colour-border-active: var(--bce-button-lumen-fill-bold);--bce-button-colour-border-focus: var(--bce-button-lumen-fill);background:rgba(0,0,0,0)}.bce-button.bce-button--lumen-shift.bce-button--outline::before,.bce-button-style-lumen-shift .bce-button.bce-button--outline::before{background:linear-gradient(131deg, transparent 0%, transparent 28%, color-mix(in srgb, var(--bce-button-lumen-fill-subtle) 50%, transparent) 48%, transparent 68%, transparent 100%);background-size:240% 100%;background-position:12% 50%;opacity:0;transition:background-position 520ms cubic-bezier(0.22, 1, 0.36, 1),opacity 260ms ease}@media(hover: hover){.bce-button.bce-button--lumen-shift.bce-button--outline:hover,.bce-button-style-lumen-shift .bce-button.bce-button--outline:hover{border-color:var(--bce-button-colour-border-hover);color:var(--bce-button-colour-text-hover);filter:saturate(1.04) brightness(1.03);transform:translateY(-1px) scale(1.01);box-shadow:0 var(--bc-size-8) var(--bc-size-24) color-mix(in srgb, var(--bce-button-lumen-fill-strong) 12%, transparent),inset 0 1px 0 color-mix(in srgb, white 10%, transparent)}.bce-button.bce-button--lumen-shift.bce-button--outline:hover::before,.bce-button-style-lumen-shift .bce-button.bce-button--outline:hover::before{background-position:88% 50%;opacity:1}}.bce-button.bce-button--lumen-shift.bce-button--outline:active,.bce-button-style-lumen-shift .bce-button.bce-button--outline:active{border-color:var(--bce-button-colour-border-active);color:var(--bce-button-colour-text-active);filter:saturate(1.04) brightness(0.98);transform:translateY(1px) scale(0.99)}.bce-button.bce-button--lumen-shift.bce-button--outline:active::before,.bce-button-style-lumen-shift .bce-button.bce-button--outline:active::before{background:linear-gradient(131deg, transparent 0%, transparent 24%, color-mix(in srgb, var(--bce-button-lumen-fill-subtle) 62%, transparent) 52%, transparent 76%, transparent 100%);background-size:240% 100%;background-position:28% 50%;opacity:1}@media(hover: none){.bce-button.bce-button--lumen-shift.bce-button--outline:active,.bce-button-style-lumen-shift .bce-button.bce-button--outline:active{transform:scale(0.985)}.bce-button.bce-button--lumen-shift.bce-button--outline:active::before,.bce-button-style-lumen-shift .bce-button.bce-button--outline:active::before{background-position:42% 50%;opacity:1}}.bce-button.bce-button--lumen-shift.bce-button--ghost,.bce-button-style-lumen-shift .bce-button.bce-button--ghost{--bce-button-border-style: none;--bce-button-colour: transparent;--bce-button-colour-hover: transparent;--bce-button-colour-active: transparent;--bce-button-colour-focus: transparent;--bce-button-colour-text: var(--bce-button-lumen-fill);--bce-button-colour-text-hover: var(--bce-button-lumen-fill-strong);--bce-button-colour-text-active: var(--bce-button-lumen-fill-bold);--bce-button-colour-text-focus: var(--bce-button-lumen-fill);--bce-button-colour-border: transparent;--bce-button-colour-border-hover: transparent;--bce-button-colour-border-active: transparent;--bce-button-colour-border-focus: transparent;background:rgba(0,0,0,0)}.bce-button.bce-button--lumen-shift.bce-button--ghost::before,.bce-button-style-lumen-shift .bce-button.bce-button--ghost::before{background:linear-gradient(131deg, transparent 0%, transparent 28%, color-mix(in srgb, var(--bce-button-lumen-fill-subtle) 50%, transparent) 48%, transparent 68%, transparent 100%);background-size:240% 100%;background-position:12% 50%;opacity:0;transition:background-position 520ms cubic-bezier(0.22, 1, 0.36, 1),opacity 260ms ease}@media(hover: hover){.bce-button.bce-button--lumen-shift.bce-button--ghost:hover,.bce-button-style-lumen-shift .bce-button.bce-button--ghost:hover{color:var(--bce-button-colour-text-hover);filter:saturate(1.04) brightness(1.03);transform:translateY(-1px) scale(1.01);box-shadow:0 var(--bc-size-8) var(--bc-size-24) color-mix(in srgb, var(--bce-button-lumen-fill-strong) 10%, transparent),inset 0 1px 0 color-mix(in srgb, white 8%, transparent)}.bce-button.bce-button--lumen-shift.bce-button--ghost:hover::before,.bce-button-style-lumen-shift .bce-button.bce-button--ghost:hover::before{background-position:88% 50%;opacity:1}}.bce-button.bce-button--lumen-shift.bce-button--ghost:active,.bce-button-style-lumen-shift .bce-button.bce-button--ghost:active{color:var(--bce-button-colour-text-active);filter:saturate(1.04) brightness(0.98);transform:translateY(1px) scale(0.99)}.bce-button.bce-button--lumen-shift.bce-button--ghost:active::before,.bce-button-style-lumen-shift .bce-button.bce-button--ghost:active::before{background:linear-gradient(131deg, transparent 0%, transparent 24%, color-mix(in srgb, var(--bce-button-lumen-fill-subtle) 62%, transparent) 52%, transparent 76%, transparent 100%);background-size:240% 100%;background-position:28% 50%;opacity:1}@media(hover: none){.bce-button.bce-button--lumen-shift.bce-button--ghost:active,.bce-button-style-lumen-shift .bce-button.bce-button--ghost:active{transform:scale(0.985)}.bce-button.bce-button--lumen-shift.bce-button--ghost:active::before,.bce-button-style-lumen-shift .bce-button.bce-button--ghost:active::before{background-position:42% 50%;opacity:1}}.bce-button.bce-button--lumen-shift.bce-button--primary,.bce-button-style-lumen-shift .bce-button.bce-button--primary{--bce-button-lumen-fill: var(--bc-color-fill-primary);--bce-button-lumen-fill-strong: var(--bc-color-fill-strong-primary);--bce-button-lumen-fill-bold: var(--bc-color-fill-bold-primary);--bce-button-lumen-fill-subtle: var(--bc-color-fill-subtle-primary, var(--bc-color-fill-primary))}.bce-button.bce-button--lumen-shift.bce-button--secondary,.bce-button-style-lumen-shift .bce-button.bce-button--secondary{--bce-button-lumen-fill: var(--bc-color-fill-secondary);--bce-button-lumen-fill-strong: var(--bc-color-fill-strong-secondary);--bce-button-lumen-fill-bold: var(--bc-color-fill-bold-secondary);--bce-button-lumen-fill-subtle: var(--bc-color-fill-subtle-secondary, var(--bc-color-fill-secondary))}.bce-button.bce-button--lumen-shift.bce-button--accent,.bce-button-style-lumen-shift .bce-button.bce-button--accent{--bce-button-lumen-fill: var(--bc-color-fill-accent);--bce-button-lumen-fill-strong: var(--bc-color-fill-strong-accent);--bce-button-lumen-fill-bold: var(--bc-color-fill-bold-accent);--bce-button-lumen-fill-subtle: var(--bc-color-fill-subtle-accent, var(--bc-color-fill-accent))}.bce-button.bce-button--lumen-shift.bce-button--highlight,.bce-button-style-lumen-shift .bce-button.bce-button--highlight{--bce-button-lumen-fill: var(--bc-color-fill-highlight);--bce-button-lumen-fill-strong: var(--bc-color-fill-strong-highlight);--bce-button-lumen-fill-bold: var(--bc-color-fill-bold-highlight);--bce-button-lumen-fill-subtle: var(--bc-color-fill-subtle-highlight, var(--bc-color-fill-highlight))}.bce-button.bce-button--lumen-shift.bce-button--deep,.bce-button-style-lumen-shift .bce-button.bce-button--deep{--bce-button-lumen-fill: var(--bc-color-fill-deep);--bce-button-lumen-fill-strong: var(--bc-color-fill-strong-deep);--bce-button-lumen-fill-bold: var(--bc-color-fill-bold-deep);--bce-button-lumen-fill-subtle: var(--bc-color-fill-subtle-deep, var(--bc-color-fill-deep))}.bce-button.bce-button--lumen-shift.bce-button--neutral,.bce-button-style-lumen-shift .bce-button.bce-button--neutral{--bce-button-lumen-fill: var(--bc-color-fill-neutral);--bce-button-lumen-fill-strong: var(--bc-color-fill-strong-neutral);--bce-button-lumen-fill-bold: var(--bc-color-fill-bold-neutral);--bce-button-lumen-fill-subtle: var(--bc-color-fill-subtle-neutral, var(--bc-color-fill-neutral))}.bce-button.bce-button--lumen-shift.bce-button--contrast,.bce-button-style-lumen-shift .bce-button.bce-button--contrast{--bce-button-lumen-fill: var(--bc-color-fill-contrast);--bce-button-lumen-fill-strong: var(--bc-color-fill-strong-contrast);--bce-button-lumen-fill-bold: var(--bc-color-fill-bold-contrast);--bce-button-lumen-fill-subtle: var(--bc-color-fill-subtle-contrast, var(--bc-color-fill-contrast))}@media(prefers-reduced-motion: reduce){.bce-button.bce-button--lumen-shift,.bce-button-style-lumen-shift .bce-button{transition:filter var(--bc-transition-fast, 160ms ease),transform var(--bc-transition-fast, 160ms ease),border-color var(--bc-transition-fast, 160ms ease),color var(--bc-transition-fast, 160ms ease),box-shadow var(--bc-transition-fast, 160ms ease)}.bce-button.bce-button--lumen-shift::before,.bce-button-style-lumen-shift .bce-button::before{transition:none}}.bce-button.bce-button--floating-sheen{--bce-button-border-style: solid;--bce-button-border-width: var(--bc-border-width-sm, 1px);--bce-button-radius: var(--bc-radius-pill, 999px);--bce-button-colour: color-mix(in srgb, var(--bce-button-source) 14%, transparent);--bce-button-colour-text: var(--bce-button-source);--bce-button-colour-border: color-mix(in srgb, var(--bce-button-source) 32%, transparent);--bce-button-colour-hover: color-mix(in srgb, var(--bce-button-source) 22%, transparent);--bce-button-colour-text-hover: var(--bce-button-source-hover);--bce-button-colour-border-hover: color-mix(in srgb, var(--bce-button-source-hover) 48%, transparent);--bce-button-colour-active: color-mix(in srgb, var(--bce-button-source-active) 30%, transparent);--bce-button-colour-text-active: var(--bce-button-source-active);--bce-button-colour-border-active: color-mix(in srgb, var(--bce-button-source-active) 56%, transparent);--bce-button-colour-focus: color-mix(in srgb, var(--bce-button-source-focus) 18%, transparent);--bce-button-colour-text-focus: var(--bce-button-source-focus);--bce-button-colour-border-focus: color-mix(in srgb, var(--bce-button-source-focus) 52%, transparent);position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px 0 color-mix(in srgb, #fff 42%, transparent),0 var(--bc-size-8, 0.5rem) var(--bc-size-24, 1.5rem) color-mix(in srgb, var(--bce-button-source) 18%, transparent)}.bce-button.bce-button--floating-sheen::before,.bce-button.bce-button--floating-sheen::after{content:"";position:absolute;pointer-events:none;z-index:-1}.bce-button.bce-button--floating-sheen::before{inset:0;background:linear-gradient(135deg, color-mix(in srgb, currentColor 20%, transparent), transparent 42%, color-mix(in srgb, #fff 16%, transparent));opacity:.7}.bce-button.bce-button--floating-sheen::after{inline-size:45%;block-size:140%;inset-block-start:-20%;inset-inline-start:-55%;background:linear-gradient(90deg, transparent, color-mix(in srgb, #fff 46%, transparent), transparent);transform:skewX(-18deg);transition:inset-inline-start var(--bc-transition-medium, 260ms ease)}@media(hover: hover){.bce-button.bce-button--floating-sheen:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 color-mix(in srgb, #fff 48%, transparent),0 var(--bc-size-12, 0.75rem) var(--bc-size-32, 2rem) color-mix(in srgb, var(--bce-button-source) 24%, transparent)}.bce-button.bce-button--floating-sheen:hover::after{inset-inline-start:110%}}.bce-button.bce-button--floating-sheen:active{transform:translateY(0);box-shadow:inset 0 1px 0 color-mix(in srgb, #fff 28%, transparent),0 var(--bc-size-4, 0.25rem) var(--bc-size-16, 1rem) color-mix(in srgb, var(--bce-button-source) 20%, transparent)}.bce-icon{--icon-box-radius: 0;--icon-box-padding: 0;--icon-box-background-color: transparent;--icon-height: 2.5rem;--icon-width: 2.5rem;--icon-color: var(--bc-color-primary);--border-width: none;--border-style: none;--border-color: none;display:inline-flex;justify-content:center;align-items:center;aspect-ratio:1;border-radius:var(--icon-box-radius);padding:var(--icon-box-padding);background-color:var(--icon-box-background-color);border:var(--border-width) var(--border-style) var(--border-color);width:auto}.bce-icon svg{display:block;color:var(--icon-color);height:var(--icon-height);width:var(--icon-width)}.bce-icon--xs{--icon-height: 1rem;--icon-width: 1rem}.bce-icon--sm{--icon-height: 1.5rem;--icon-width: 1.5rem}.bce-icon--md{--icon-height: 2.5rem;--icon-width: 2.5rem}.bce-icon--lg{--icon-height: 4rem;--icon-width: 4rem}.bce-icon--xl{--icon-height: 6rem;--icon-width: 6rem}.bce-icon--primary{--icon-color: var(--bc-color-primary)}.bce-icon--secondary{--icon-color: var(--bc-color-secondary)}.bce-icon--accent{--icon-color: var(--bc-color-accent)}.bce-icon--highlight{--icon-color: var(--bc-color-highlight)}.bce-icon--deep{--icon-color: var(--bc-color-deep)}.bce-icon--neutral{--icon-color: var(--bc-color-neutral)}.bce-icon--rounded-box.bce-icon.bce-icon--primary{--icon-color: var(--bc-color-primary);--icon-box-background-color: var(--bc-color-surface-primary)}.bce-icon--rounded-box.bce-icon.bce-icon--secondary{--icon-color: var(--bc-color-secondary);--icon-box-background-color: var(--bc-color-surface-secondary)}.bce-icon--rounded-box.bce-icon.bce-icon--accent{--icon-color: var(--bc-color-accent);--icon-box-background-color: var(--bc-color-surface-accent)}.bce-icon--rounded-box.bce-icon.bce-icon--highlight{--icon-color: var(--bc-color-highlight);--icon-box-background-color: var(--bc-color-surface-highlight)}.bce-icon--rounded-box.bce-icon.bce-icon--deep{--icon-color: var(--bc-color-deep);--icon-box-background-color: var(--bc-color-surface-deep)}.bce-icon--rounded-box.bce-icon.bce-icon--neutral{--icon-color: var(--bc-color-neutral);--icon-box-background-color: var(--bc-color-surface-neutral)}.bce-icon--rounded-box.bce-icon.bce-icon--xs{--icon-box-padding: 0.25rem;--icon-box-radius: var(--bc-radius-xs)}.bce-icon--rounded-box.bce-icon.bce-icon--sm{--icon-box-padding: 0.5rem;--icon-box-radius: var(--bc-radius-sm)}.bce-icon--rounded-box.bce-icon.bce-icon--md{--icon-box-padding: 0.5rem;--icon-box-radius: var(--bc-radius-md)}.bce-icon--rounded-box.bce-icon.bce-icon--lg{--icon-box-padding: 0.5rem;--icon-box-radius: var(--bc-radius-md)}.bce-icon--rounded-box.bce-icon.bce-icon--xl{--icon-box-padding: 0.75rem;--icon-box-radius: var(--bc-radius-lg)}