/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-normal: 0em;
    --leading-normal: 1.5;
    --radius-xs: 0.125rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@layer utilities {
  .typeset {
    font-family: var(--typeset-font-md);
    font-size: calc(var(--typeset-size));
    line-height: var(--typeset-leading);
    color: var(--foreground, currentColor);
    overflow-wrap: break-word;
    margin-trim: block-start;
    --typeset-muted: var(--muted-foreground);
    --typeset-rule: var(--border);
    & *:not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
      &:where(p) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(h1, h2, h3, h4, h5, h6) {
        color: var(--foreground, currentColor);
        font-family: var(--typeset-font-heading);
        font-weight: 600;
        margin-block-end: 0;
        font-weight: unset;
        color: var(--foreground);
        text-decoration-color: currentcolor;
        text-decoration-thickness: from-font;
        text-underline-offset: auto;
      }
      &:where(h1) {
        font-size: 1.75em;
        line-height: 1.3;
        margin-block-start: var(--typeset-flow);
        font-family: var(--font-serif);
        font-size: 3.75rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: 1;
        line-height: 1;
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        text-wrap: balance;
        --keep-utility-selector: inherit;
      }
      &:where(h2) {
        font-size: 1.75em;
        line-height: 1.4;
        margin-block-start: var(--typeset-flow);
        font-family: var(--font-sans);
        font-size: 1.5rem;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        text-wrap: balance;
        --keep-utility-selector: inherit;
      }
      &:where(h3) {
        font-size: 1.125em;
        margin-block-start: var(--typeset-flow);
        font-family: var(--font-sans);
        font-size: 1.125rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: 1.45;
        line-height: 1.45;
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        --keep-utility-selector: inherit;
      }
      &:where(h4) {
        font-size: 1em;
        line-height: 1.5;
        margin-block-start: var(--typeset-flow);
        font-family: var(--font-sans);
        font-size: 1rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        --keep-utility-selector: inherit;
      }
      &:is(h5) {
        font-size: 0.875em;
        line-height: 1.5;
        margin-block-start: calc(var(--typeset-flow) / 0.875);
        font-family: var(--font-sans);
        font-size: 0.875rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        --keep-utility-selector: inherit;
      }
      &:is(h6) {
        font-size: 0.8125em;
        line-height: 1.5;
        margin-block-start: calc(var(--typeset-flow) / 0.875);
        font-family: var(--font-sans);
        font-size: 0.875rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        --keep-utility-selector: inherit;
      }
      &:where([id]) {
        scroll-margin-block-start: var(--typeset-flow);
      }
      &:where(h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *) {
        margin-block-start: 1em;
      }
      &:where(:is(h1, h2, h3, h4) :is(code)) {
        font-size: 0.9em;
      }
      &:where(a) {
        color: inherit;
        color: var(--primary);
        cursor: pointer;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 0.15em;
        text-decoration-thickness: 1px;
        text-decoration-color: currentColor;
        &:hover {
          text-decoration-line: none;
        }
        &:focus-visible {
          outline: auto;
          outline-offset: 1px;
        }
      }
      &:where(:is(h1, h2, h3, h4, h5, h6) :is(a)) {
        font-weight: inherit;
      }
      &:where(strong, b) {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
      &:where(:is(h1, h2, h3, h4) :is(strong, b)) {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
      &:where(mark) {
        background-color: color-mix( in oklab, oklch(0.86 0.17 95) 40%, transparent );
        color: inherit;
        padding: 0.05em 0.15em;
        border-radius: 0.2em;
      }
      &:where(abbr[title]) {
        text-decoration-line: underline;
        text-decoration-style: dotted;
        text-underline-offset: 0.2em;
        cursor: help;
      }
      &:where(del, s) {
        color: var(--typeset-muted);
        text-decoration-line: line-through;
      }
      &:where(sup, sub) {
        font-size: 0.75em;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }
      &:where(sup) {
        top: -0.5em;
      }
      &:where(sub) {
        bottom: -0.25em;
      }
      &:where(sup a) {
        text-decoration-line: none;
        font-weight: 500;
      }
      &:where(ul) {
        list-style-type: disc;
      }
      &:where(ol) {
        list-style-type: decimal;
      }
      &:where(ul ul) {
        list-style-type: circle;
      }
      &:where(ul ul ul) {
        list-style-type: square;
      }
      &:where(ol[type="a" i]) {
        list-style-type: lower-alpha;
      }
      &:where(ol[type="i" i]) {
        list-style-type: lower-roman;
      }
      &:where(ol[type="A" s]) {
        list-style-type: upper-alpha;
      }
      &:where(ol[type="I" s]) {
        list-style-type: upper-roman;
      }
      &:where(ul, ol) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
        padding-inline-start: 1.5em;
      }
      &:where(li) {
        margin-block-start: var(--typeset-list);
        padding-inline-start: 0.4em;
      }
      &:where(li > p, li > ul, li > ol) {
        margin-block-start: var(--typeset-list);
      }
      &:where(ul > li)::marker {
        color: currentColor;
      }
      &:where(ol > li)::marker {
        color: currentColor;
      }
      &:where(ul.contains-task-list) {
        list-style-type: none;
        padding-inline-start: 0.25em;
      }
      &:where(li.task-list-item > input[type="checkbox"]) {
        margin-inline-end: 0.5em;
        vertical-align: -0.1em;
        accent-color: var(--primary, currentColor);
      }
      &:where(details) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(summary) {
        cursor: pointer;
        font-weight: 500;
      }
      &:where(summary)::marker {
        color: var(--typeset-muted);
      }
      &:where(kbd) {
        font-family: inherit;
        font-size: 0.85em;
        font-weight: 500;
        border: 1px solid var(--typeset-rule);
        border-block-end-width: 2px;
        border-radius: var(--radius-sm);
        padding: 0.0625em 0.35em;
      }
      &:where(dl) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(dt) {
        font-weight: 500;
        margin-block-start: 1em;
      }
      &:where(dt + dt) {
        margin-block-start: 0.25em;
      }
      &:where(dd) {
        margin-block-start: 0.25em;
        margin-inline-start: 0;
        padding-inline-start: 1em;
        color: var(--typeset-muted);
      }
      &:where(:not(pre) > code) {
        background-color: var( --muted, currentColor );
        @supports (color: color-mix(in lab, red, red)) {
          background-color: var( --muted, color-mix(in oklab, currentColor 8%, transparent) );
        }
        font-family: var(--typeset-font-mono);
        font-size: 0.85em;
        border-radius: var(--radius-sm);
        padding: 0.125em 0.3em;
      }
      &:where(pre) {
        background-color: var( --muted, currentColor );
        @supports (color: color-mix(in lab, red, red)) {
          background-color: var( --muted, color-mix(in oklab, currentColor 8%, transparent) );
        }
        font-family: var(--typeset-font-mono);
        font-size: 0.875em;
        line-height: 1.5;
        tab-size: 2;
        direction: ltr;
        border-radius: var(--radius-sm);
        color: var(--foreground);
        padding: 0.75em 1em;
        overflow-x: auto;
        margin-block-start: calc(var(--typeset-flow) / 0.875);
        margin-block-end: 0;
      }
      &:where(pre code) {
        background-color: transparent;
        font-family: inherit !important;
        font-size: inherit !important;
        padding: 0;
        border-radius: 0;
      }
      &:where(blockquote) {
        border-inline-start: 2px solid var(--typeset-rule);
        padding-inline-start: 1em;
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
        margin-inline: 0;
      }
      &:where(hr) {
        border: 0;
        border-block-start: 1px solid var(--typeset-rule);
        margin-block-start: calc(var(--typeset-flow) * 2.4);
        margin-block-end: 0;
      }
      &:where(hr + h1, hr + h2, hr + h3, hr + h4) {
        margin-block-start: var(--typeset-flow);
      }
      &:where(.footnotes, [data-footnotes]) {
        margin-block-start: calc(var(--typeset-flow) * 2);
        border-block-start: 1px solid var(--typeset-rule);
        padding-block-start: var(--typeset-flow);
        font-size: 0.875em;
        color: var(--typeset-muted);
      }
      &:where(math[display="block"]) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-block: 0.25em;
      }
      &:where(img, video) {
        border-radius: var(--radius-sm);
        max-width: 100%;
        height: auto;
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(p img) {
        margin-block-start: 0;
      }
      &:where(figure) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
        margin-inline: 0;
      }
      &:where(figcaption, caption) {
        color: var(--typeset-muted);
        font-size: 0.875em;
        text-align: center;
        margin-block-start: calc(0.75em / 0.875);
      }
      &:where(caption) {
        caption-side: bottom;
      }
      &:where(table) {
        max-width: 100%;
        font-size: 1em;
        line-height: 1.5;
        font-variant-numeric: tabular-nums;
        border-collapse: separate;
        border-spacing: 0;
        border-block-end: 1px solid var(--typeset-rule);
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(.typeset-scroll) {
        overflow-x: auto;
        margin-block-start: var(--typeset-flow);
      }
      &:where(.typeset-scroll > *) {
        margin-block-start: 0;
      }
      &:where(.typeset-scroll table) {
        width: max-content;
        max-width: none;
      }
      &:where(thead th) {
        font-weight: 500;
        text-align: start;
        white-space: nowrap;
        padding: 0.65em 1em;
      }
      &:where(:is(tbody, tfoot) :is(td, th)) {
        padding: 0.75em 1em;
        text-align: start;
        vertical-align: top;
        border-block-start: 1px solid var(--typeset-rule);
      }
      &:where(tbody th, tfoot th) {
        font-weight: 500;
      }
      &:where(th:first-child, td:first-child) {
        padding-inline-start: 0;
      }
      &:where(th[align="center"], td[align="center"]) {
        text-align: center;
      }
      &:where(th[align="right"], td[align="right"]) {
        text-align: end;
      }
      &:where(li > blockquote, li > table, li > figure) {
        margin-block-start: 0.5em;
      }
      &:where(li > pre) {
        margin-block-start: calc(0.5em / 0.875);
      }
      @media print {
        &:where(pre, table, blockquote, figure) {
          break-inside: avoid;
        }
        &:where(h1, h2, h3, h4) {
          break-after: avoid;
        }
      }
      @media (forced-colors: active) {
        &:where(:not(pre) > code) {
          border: 1px solid;
        }
      }
    }
    & > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), & > :where(:first-child) > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), & :where(li > :first-child, blockquote > :first-child, td > :first-child, th > :first-child, dd > :first-child, figure > :first-child, figure > picture > img):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
      margin-block-start: 0;
    }
  }
  .m-0 {
    margin: 0;
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .stack-row-paired {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  .contents {
    display: contents;
  }
  .contents\! {
    display: contents !important;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .size-7\! {
    width: calc(var(--spacing) * 7) !important;
    height: calc(var(--spacing) * 7) !important;
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .min-h-\(--bar-height-max\) {
    min-height: var(--bar-height-max);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-full {
    min-height: 100%;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-\[40rem\] {
    max-width: 40rem;
  }
  .max-w-max {
    max-width: max-content;
  }
  .flex-1 {
    flex: 1;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .items-center {
    align-items: center;
  }
  .items-center\! {
    align-items: center !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-stack {
    gap: var(--spacing-stack);
  }
  .gap-typeset-flow {
    gap: var(--spacing-typeset-flow);
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-border {
    background-color: var(--border);
  }
  .p-0 {
    padding: 0;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .text-center {
    text-align: center;
  }
  .heading-xl {
    font-family: var(--font-serif);
    font-size: 3.75rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-leading: 1;
    line-height: 1;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    text-wrap: balance;
    font-weight: unset;
    color: var(--foreground);
    text-decoration-color: currentcolor;
    text-decoration-thickness: from-font;
    text-underline-offset: auto;
    --keep-utility-selector: inherit;
  }
  .text-md {
    font-family: var(--font-sans);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-leading: 1.875;
    line-height: 1.875;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--foreground);
    --keep-utility-selector: inherit;
  }
  .text-sm {
    font-family: var(--font-sans);
    font-size: 1rem;
    --tw-leading: 1.875;
    line-height: 1.875;
    font-size: 0.875rem;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-leading: 1.714;
    line-height: 1.714;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--foreground);
    --keep-utility-selector: inherit;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--primary);
      }
    }
  }
  .max-lg\:hidden {
    @media (width < 62.5rem) {
      display: none;
    }
  }
  .max-lg\:max-w-none {
    @media (width < 62.5rem) {
      max-width: none;
    }
  }
  .lg\:hidden {
    @media (width >= 62.5rem) {
      display: none;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 62.5rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 62.5rem) {
      flex-direction: row;
    }
  }
  .lg\:text-right {
    @media (width >= 62.5rem) {
      text-align: right;
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
:root {
  color-scheme: light;
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;
  --background: #ffffff;
  --foreground: #09090b;
  --card: #ffffff;
  --card-foreground: #09090b;
  --popover: #ffffff;
  --popover-foreground: #09090b;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f4f4f5;
  --muted-foreground: #71717a;
  --accent: #f5f5f5;
  --accent-foreground: #18181b;
  --border: #e4e4e7;
  --input: #e6e6e6;
  --destructive: #e7000b;
  --destructive-foreground: #fafafa;
  --focus: #a3a3a3;
  --ring: var(--focus);
  --destructive-focus: rgb(220 40 40 / 40%);
  --sidebar-background: #fafafa;
  --sidebar-foreground: #0a0a0a;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e6e6e6;
  --sidebar-ring: rgb(161 161 161 / 64%);
  --chart-1: #8fc6ff;
  --chart-2: #297eff;
  --chart-3: #155dfc;
  --chart-4: #1447e6;
  --chart-5: #193cb8;
  --radius-sm: 0.25rem;
  --radius-md: 0.625rem;
  --radius-lg: 1rem;
  --typeset-font-body: var(--font-sans);
  --typeset-font-heading: var(--font-sans);
  --typeset-font-mono: var(--font-mono);
  --typeset-size: 1rem;
  --typeset-leading: 1.875;
  --typeset-flow: 1.25rem;
  --typeset-list: 0.5rem;
  --max-w-container: 40rem;
  --spacing-typeset-flow: var(--typeset-flow);
  --spacing-typeset-list: var(--typeset-list);
  --spacing-gutter: 1rem;
  --spacing-gutter-sm: 0.75rem;
  --spacing-section: 2.5rem;
  --spacing-stack-content: 0rem;
  --spacing-stack-section: 1rem;
  --spacing-stack: 1rem;
}
@media (width >= 40rem) {
  :root {
    --max-w-container: 40rem;
    --spacing-gutter: 1.25rem;
    --spacing-stack-section: 1.5rem;
    --spacing-stack: 1.5rem;
  }
}
@media (width >= 62.5rem) {
  :root {
    --max-w-container: 62.5rem;
  }
}
@media (width >= 80rem) {
  :root {
    --max-w-container: 80rem;
    --spacing-gutter: 1rem;
    --spacing-stack-section: 2rem;
    --spacing-stack: 1.5rem;
  }
}
html[data-brx-theme='dark'] body, :where(.dark, [data-theme='dark'], [data-brx-theme='dark']) {
  color-scheme: dark;
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #171717;
  --card-foreground: #fafafa;
  --popover: #262626;
  --popover-foreground: #fafafa;
  --primary: #fafafa;
  --primary-foreground: #18181b;
  --secondary: #27272a;
  --secondary-foreground: #fafafa;
  --muted: #27272a;
  --muted-foreground: #9ca3af;
  --accent: #404040;
  --accent-foreground: #fafafa;
  --border: rgb(255 255 255 / 10%);
  --input: rgb(255 255 255 / 15%);
  --destructive: #ff6467;
  --destructive-foreground: #fafafa;
  --focus: #737373;
  --destructive-focus: rgb(127 29 29 / 40%);
  --sidebar-background: #171717;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #1447e6;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #262626;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: rgb(255 255 255 / 10%);
  --sidebar-ring: rgb(82 82 82 / 64%);
}
:root {
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;
  --primary: #3b59e7;
  --primary-foreground: #fff;
  --secondary: #e3f1fa;
  --secondary-foreground: #171717;
  --sidebar-background: #fcfcfc;
  --sidebar-foreground: #0a0a0a;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e6e6e6;
  --sidebar-ring: rgb(161 161 161 / 64%);
  --bar-height-max: calc(var(--spacing) * 15);
}
@font-face {
  font-family: "Inter";
  font-weight: 200-800;
  font-display: swap;
  src: url(/wp-content/uploads/Inter-VariableFont_opszwght.woff2) format("woff2"), url(/wp-content/uploads/Inter-VariableFont_opszwght.woff) format("woff"), url(/wp-content/uploads/Inter-VariableFont_opszwght.ttf) format("truetype");
}
@font-face {
  font-family: "Inter";
  font-weight: 200-800;
  font-style: italic;
  font-display: swap;
  src: url(/wp-content/uploads/Inter-Italic-VariableFont_opszwght.woff2) format("woff2"), url(/wp-content/uploads/Inter-Italic-VariableFont_opszwght.woff) format("woff"), url(/wp-content/uploads/Inter-Italic-VariableFont_opszwght.ttf) format("truetype");
}
.brxe-accordion {
  & .accordion-title-wrapper {
    & .title {
      font-size: 1.125em;
      font-family: var(--font-sans);
      font-size: 1.125rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: 1.45;
      line-height: 1.45;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
    }
    & .icon {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  & .accordion-content-wrapper:not([class*="text-"]):not([class*="heading-"]) {
    font-family: var(--typeset-font-md);
    font-size: calc(var(--typeset-size));
    line-height: var(--typeset-leading);
    color: var(--foreground, currentColor);
    overflow-wrap: break-word;
    margin-trim: block-start;
    --typeset-muted: var(--muted-foreground);
    --typeset-rule: var(--border);
    & *:not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
      &:where(p) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(h1, h2, h3, h4, h5, h6) {
        color: var(--foreground, currentColor);
        font-family: var(--typeset-font-heading);
        font-weight: 600;
        margin-block-end: 0;
        font-weight: unset;
        color: var(--foreground);
        text-decoration-color: currentcolor;
        text-decoration-thickness: from-font;
        text-underline-offset: auto;
      }
      &:where(h1) {
        font-size: 1.75em;
        line-height: 1.3;
        margin-block-start: var(--typeset-flow);
        font-family: var(--font-serif);
        font-size: 3.75rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: 1;
        line-height: 1;
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        text-wrap: balance;
        --keep-utility-selector: inherit;
      }
      &:where(h2) {
        font-size: 1.75em;
        line-height: 1.4;
        margin-block-start: var(--typeset-flow);
        font-family: var(--font-sans);
        font-size: 1.5rem;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        text-wrap: balance;
        --keep-utility-selector: inherit;
      }
      &:where(h3) {
        font-size: 1.125em;
        margin-block-start: var(--typeset-flow);
        font-family: var(--font-sans);
        font-size: 1.125rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: 1.45;
        line-height: 1.45;
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        --keep-utility-selector: inherit;
      }
      &:where(h4) {
        font-size: 1em;
        line-height: 1.5;
        margin-block-start: var(--typeset-flow);
        font-family: var(--font-sans);
        font-size: 1rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        --keep-utility-selector: inherit;
      }
      &:is(h5) {
        font-size: 0.875em;
        line-height: 1.5;
        margin-block-start: calc(var(--typeset-flow) / 0.875);
        font-family: var(--font-sans);
        font-size: 0.875rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        --keep-utility-selector: inherit;
      }
      &:is(h6) {
        font-size: 0.8125em;
        line-height: 1.5;
        margin-block-start: calc(var(--typeset-flow) / 0.875);
        font-family: var(--font-sans);
        font-size: 0.875rem;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
        --keep-utility-selector: inherit;
      }
      &:where([id]) {
        scroll-margin-block-start: var(--typeset-flow);
      }
      &:where(h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *) {
        margin-block-start: 1em;
      }
      &:where(:is(h1, h2, h3, h4) :is(code)) {
        font-size: 0.9em;
      }
      &:where(a) {
        color: inherit;
        color: var(--primary);
        cursor: pointer;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 0.15em;
        text-decoration-thickness: 1px;
        text-decoration-color: currentColor;
        &:hover {
          text-decoration-line: none;
        }
        &:focus-visible {
          outline: auto;
          outline-offset: 1px;
        }
      }
      &:where(:is(h1, h2, h3, h4, h5, h6) :is(a)) {
        font-weight: inherit;
      }
      &:where(strong, b) {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
      &:where(:is(h1, h2, h3, h4) :is(strong, b)) {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
      &:where(mark) {
        background-color: color-mix( in oklab, oklch(0.86 0.17 95) 40%, transparent );
        color: inherit;
        padding: 0.05em 0.15em;
        border-radius: 0.2em;
      }
      &:where(abbr[title]) {
        text-decoration-line: underline;
        text-decoration-style: dotted;
        text-underline-offset: 0.2em;
        cursor: help;
      }
      &:where(del, s) {
        color: var(--typeset-muted);
        text-decoration-line: line-through;
      }
      &:where(sup, sub) {
        font-size: 0.75em;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }
      &:where(sup) {
        top: -0.5em;
      }
      &:where(sub) {
        bottom: -0.25em;
      }
      &:where(sup a) {
        text-decoration-line: none;
        font-weight: 500;
      }
      &:where(ul) {
        list-style-type: disc;
      }
      &:where(ol) {
        list-style-type: decimal;
      }
      &:where(ul ul) {
        list-style-type: circle;
      }
      &:where(ul ul ul) {
        list-style-type: square;
      }
      &:where(ol[type="a" i]) {
        list-style-type: lower-alpha;
      }
      &:where(ol[type="i" i]) {
        list-style-type: lower-roman;
      }
      &:where(ol[type="A" s]) {
        list-style-type: upper-alpha;
      }
      &:where(ol[type="I" s]) {
        list-style-type: upper-roman;
      }
      &:where(ul, ol) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
        padding-inline-start: 1.5em;
      }
      &:where(li) {
        margin-block-start: var(--typeset-list);
        padding-inline-start: 0.4em;
      }
      &:where(li > p, li > ul, li > ol) {
        margin-block-start: var(--typeset-list);
      }
      &:where(ul > li)::marker {
        color: currentColor;
      }
      &:where(ol > li)::marker {
        color: currentColor;
      }
      &:where(ul.contains-task-list) {
        list-style-type: none;
        padding-inline-start: 0.25em;
      }
      &:where(li.task-list-item > input[type="checkbox"]) {
        margin-inline-end: 0.5em;
        vertical-align: -0.1em;
        accent-color: var(--primary, currentColor);
      }
      &:where(details) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(summary) {
        cursor: pointer;
        font-weight: 500;
      }
      &:where(summary)::marker {
        color: var(--typeset-muted);
      }
      &:where(kbd) {
        font-family: inherit;
        font-size: 0.85em;
        font-weight: 500;
        border: 1px solid var(--typeset-rule);
        border-block-end-width: 2px;
        border-radius: var(--radius-sm);
        padding: 0.0625em 0.35em;
      }
      &:where(dl) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(dt) {
        font-weight: 500;
        margin-block-start: 1em;
      }
      &:where(dt + dt) {
        margin-block-start: 0.25em;
      }
      &:where(dd) {
        margin-block-start: 0.25em;
        margin-inline-start: 0;
        padding-inline-start: 1em;
        color: var(--typeset-muted);
      }
      &:where(:not(pre) > code) {
        background-color: var( --muted, currentColor );
        @supports (color: color-mix(in lab, red, red)) {
          background-color: var( --muted, color-mix(in oklab, currentColor 8%, transparent) );
        }
        font-family: var(--typeset-font-mono);
        font-size: 0.85em;
        border-radius: var(--radius-sm);
        padding: 0.125em 0.3em;
      }
      &:where(pre) {
        background-color: var( --muted, currentColor );
        @supports (color: color-mix(in lab, red, red)) {
          background-color: var( --muted, color-mix(in oklab, currentColor 8%, transparent) );
        }
        font-family: var(--typeset-font-mono);
        font-size: 0.875em;
        line-height: 1.5;
        tab-size: 2;
        direction: ltr;
        border-radius: var(--radius-sm);
        color: var(--foreground);
        padding: 0.75em 1em;
        overflow-x: auto;
        margin-block-start: calc(var(--typeset-flow) / 0.875);
        margin-block-end: 0;
      }
      &:where(pre code) {
        background-color: transparent;
        font-family: inherit !important;
        font-size: inherit !important;
        padding: 0;
        border-radius: 0;
      }
      &:where(blockquote) {
        border-inline-start: 2px solid var(--typeset-rule);
        padding-inline-start: 1em;
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
        margin-inline: 0;
      }
      &:where(hr) {
        border: 0;
        border-block-start: 1px solid var(--typeset-rule);
        margin-block-start: calc(var(--typeset-flow) * 2.4);
        margin-block-end: 0;
      }
      &:where(hr + h1, hr + h2, hr + h3, hr + h4) {
        margin-block-start: var(--typeset-flow);
      }
      &:where(.footnotes, [data-footnotes]) {
        margin-block-start: calc(var(--typeset-flow) * 2);
        border-block-start: 1px solid var(--typeset-rule);
        padding-block-start: var(--typeset-flow);
        font-size: 0.875em;
        color: var(--typeset-muted);
      }
      &:where(math[display="block"]) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-block: 0.25em;
      }
      &:where(img, video) {
        border-radius: var(--radius-sm);
        max-width: 100%;
        height: auto;
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(p img) {
        margin-block-start: 0;
      }
      &:where(figure) {
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
        margin-inline: 0;
      }
      &:where(figcaption, caption) {
        color: var(--typeset-muted);
        font-size: 0.875em;
        text-align: center;
        margin-block-start: calc(0.75em / 0.875);
      }
      &:where(caption) {
        caption-side: bottom;
      }
      &:where(table) {
        max-width: 100%;
        font-size: 1em;
        line-height: 1.5;
        font-variant-numeric: tabular-nums;
        border-collapse: separate;
        border-spacing: 0;
        border-block-end: 1px solid var(--typeset-rule);
        margin-block-start: var(--typeset-flow);
        margin-block-end: 0;
      }
      &:where(.typeset-scroll) {
        overflow-x: auto;
        margin-block-start: var(--typeset-flow);
      }
      &:where(.typeset-scroll > *) {
        margin-block-start: 0;
      }
      &:where(.typeset-scroll table) {
        width: max-content;
        max-width: none;
      }
      &:where(thead th) {
        font-weight: 500;
        text-align: start;
        white-space: nowrap;
        padding: 0.65em 1em;
      }
      &:where(:is(tbody, tfoot) :is(td, th)) {
        padding: 0.75em 1em;
        text-align: start;
        vertical-align: top;
        border-block-start: 1px solid var(--typeset-rule);
      }
      &:where(tbody th, tfoot th) {
        font-weight: 500;
      }
      &:where(th:first-child, td:first-child) {
        padding-inline-start: 0;
      }
      &:where(th[align="center"], td[align="center"]) {
        text-align: center;
      }
      &:where(th[align="right"], td[align="right"]) {
        text-align: end;
      }
      &:where(li > blockquote, li > table, li > figure) {
        margin-block-start: 0.5em;
      }
      &:where(li > pre) {
        margin-block-start: calc(0.5em / 0.875);
      }
      @media print {
        &:where(pre, table, blockquote, figure) {
          break-inside: avoid;
        }
        &:where(h1, h2, h3, h4) {
          break-after: avoid;
        }
      }
      @media (forced-colors: active) {
        &:where(:not(pre) > code) {
          border: 1px solid;
        }
      }
    }
    & > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), & > :where(:first-child) > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), & :where(li > :first-child, blockquote > :first-child, td > :first-child, th > :first-child, dd > :first-child, figure > :first-child, figure > picture > img):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
      margin-block-start: 0;
    }
  }
}
.brxe-text-simple:not(.typeset):not([class*="text-"]):not([class*="heading-"]) {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.brxe-text:not(.typeset):not([class*="text-"]):not([class*="heading-"]) {
  font-family: var(--typeset-font-md);
  font-size: calc(var(--typeset-size));
  line-height: var(--typeset-leading);
  color: var(--foreground, currentColor);
  overflow-wrap: break-word;
  margin-trim: block-start;
  --typeset-muted: var(--muted-foreground);
  --typeset-rule: var(--border);
  & *:not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
    &:where(p) {
      margin-block-start: var(--typeset-flow);
      margin-block-end: 0;
    }
    &:where(h1, h2, h3, h4, h5, h6) {
      color: var(--foreground, currentColor);
      font-family: var(--typeset-font-heading);
      font-weight: 600;
      margin-block-end: 0;
      font-weight: unset;
      color: var(--foreground);
      text-decoration-color: currentcolor;
      text-decoration-thickness: from-font;
      text-underline-offset: auto;
    }
    &:where(h1) {
      font-size: 1.75em;
      line-height: 1.3;
      margin-block-start: var(--typeset-flow);
      font-family: var(--font-serif);
      font-size: 3.75rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: 1;
      line-height: 1;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      text-wrap: balance;
      --keep-utility-selector: inherit;
    }
    &:where(h2) {
      font-size: 1.75em;
      line-height: 1.4;
      margin-block-start: var(--typeset-flow);
      font-family: var(--font-sans);
      font-size: 1.5rem;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-leading: 1.2;
      line-height: 1.2;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      text-wrap: balance;
      --keep-utility-selector: inherit;
    }
    &:where(h3) {
      font-size: 1.125em;
      margin-block-start: var(--typeset-flow);
      font-family: var(--font-sans);
      font-size: 1.125rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: 1.45;
      line-height: 1.45;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
    }
    &:where(h4) {
      font-size: 1em;
      line-height: 1.5;
      margin-block-start: var(--typeset-flow);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
    }
    &:is(h5) {
      font-size: 0.875em;
      line-height: 1.5;
      margin-block-start: calc(var(--typeset-flow) / 0.875);
      font-family: var(--font-sans);
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
    }
    &:is(h6) {
      font-size: 0.8125em;
      line-height: 1.5;
      margin-block-start: calc(var(--typeset-flow) / 0.875);
      font-family: var(--font-sans);
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
    }
    &:where([id]) {
      scroll-margin-block-start: var(--typeset-flow);
    }
    &:where(h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *) {
      margin-block-start: 1em;
    }
    &:where(:is(h1, h2, h3, h4) :is(code)) {
      font-size: 0.9em;
    }
    &:where(a) {
      color: inherit;
      color: var(--primary);
      cursor: pointer;
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-underline-offset: 0.15em;
      text-decoration-thickness: 1px;
      text-decoration-color: currentColor;
      &:hover {
        text-decoration-line: none;
      }
      &:focus-visible {
        outline: auto;
        outline-offset: 1px;
      }
    }
    &:where(:is(h1, h2, h3, h4, h5, h6) :is(a)) {
      font-weight: inherit;
    }
    &:where(strong, b) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    &:where(:is(h1, h2, h3, h4) :is(strong, b)) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    &:where(mark) {
      background-color: color-mix( in oklab, oklch(0.86 0.17 95) 40%, transparent );
      color: inherit;
      padding: 0.05em 0.15em;
      border-radius: 0.2em;
    }
    &:where(abbr[title]) {
      text-decoration-line: underline;
      text-decoration-style: dotted;
      text-underline-offset: 0.2em;
      cursor: help;
    }
    &:where(del, s) {
      color: var(--typeset-muted);
      text-decoration-line: line-through;
    }
    &:where(sup, sub) {
      font-size: 0.75em;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }
    &:where(sup) {
      top: -0.5em;
    }
    &:where(sub) {
      bottom: -0.25em;
    }
    &:where(sup a) {
      text-decoration-line: none;
      font-weight: 500;
    }
    &:where(ul) {
      list-style-type: disc;
    }
    &:where(ol) {
      list-style-type: decimal;
    }
    &:where(ul ul) {
      list-style-type: circle;
    }
    &:where(ul ul ul) {
      list-style-type: square;
    }
    &:where(ol[type="a" i]) {
      list-style-type: lower-alpha;
    }
    &:where(ol[type="i" i]) {
      list-style-type: lower-roman;
    }
    &:where(ol[type="A" s]) {
      list-style-type: upper-alpha;
    }
    &:where(ol[type="I" s]) {
      list-style-type: upper-roman;
    }
    &:where(ul, ol) {
      margin-block-start: var(--typeset-flow);
      margin-block-end: 0;
      padding-inline-start: 1.5em;
    }
    &:where(li) {
      margin-block-start: var(--typeset-list);
      padding-inline-start: 0.4em;
    }
    &:where(li > p, li > ul, li > ol) {
      margin-block-start: var(--typeset-list);
    }
    &:where(ul > li)::marker {
      color: currentColor;
    }
    &:where(ol > li)::marker {
      color: currentColor;
    }
    &:where(ul.contains-task-list) {
      list-style-type: none;
      padding-inline-start: 0.25em;
    }
    &:where(li.task-list-item > input[type="checkbox"]) {
      margin-inline-end: 0.5em;
      vertical-align: -0.1em;
      accent-color: var(--primary, currentColor);
    }
    &:where(details) {
      margin-block-start: var(--typeset-flow);
      margin-block-end: 0;
    }
    &:where(summary) {
      cursor: pointer;
      font-weight: 500;
    }
    &:where(summary)::marker {
      color: var(--typeset-muted);
    }
    &:where(kbd) {
      font-family: inherit;
      font-size: 0.85em;
      font-weight: 500;
      border: 1px solid var(--typeset-rule);
      border-block-end-width: 2px;
      border-radius: var(--radius-sm);
      padding: 0.0625em 0.35em;
    }
    &:where(dl) {
      margin-block-start: var(--typeset-flow);
      margin-block-end: 0;
    }
    &:where(dt) {
      font-weight: 500;
      margin-block-start: 1em;
    }
    &:where(dt + dt) {
      margin-block-start: 0.25em;
    }
    &:where(dd) {
      margin-block-start: 0.25em;
      margin-inline-start: 0;
      padding-inline-start: 1em;
      color: var(--typeset-muted);
    }
    &:where(:not(pre) > code) {
      background-color: var( --muted, currentColor );
      @supports (color: color-mix(in lab, red, red)) {
        background-color: var( --muted, color-mix(in oklab, currentColor 8%, transparent) );
      }
      font-family: var(--typeset-font-mono);
      font-size: 0.85em;
      border-radius: var(--radius-sm);
      padding: 0.125em 0.3em;
    }
    &:where(pre) {
      background-color: var( --muted, currentColor );
      @supports (color: color-mix(in lab, red, red)) {
        background-color: var( --muted, color-mix(in oklab, currentColor 8%, transparent) );
      }
      font-family: var(--typeset-font-mono);
      font-size: 0.875em;
      line-height: 1.5;
      tab-size: 2;
      direction: ltr;
      border-radius: var(--radius-sm);
      color: var(--foreground);
      padding: 0.75em 1em;
      overflow-x: auto;
      margin-block-start: calc(var(--typeset-flow) / 0.875);
      margin-block-end: 0;
    }
    &:where(pre code) {
      background-color: transparent;
      font-family: inherit !important;
      font-size: inherit !important;
      padding: 0;
      border-radius: 0;
    }
    &:where(blockquote) {
      border-inline-start: 2px solid var(--typeset-rule);
      padding-inline-start: 1em;
      margin-block-start: var(--typeset-flow);
      margin-block-end: 0;
      margin-inline: 0;
    }
    &:where(hr) {
      border: 0;
      border-block-start: 1px solid var(--typeset-rule);
      margin-block-start: calc(var(--typeset-flow) * 2.4);
      margin-block-end: 0;
    }
    &:where(hr + h1, hr + h2, hr + h3, hr + h4) {
      margin-block-start: var(--typeset-flow);
    }
    &:where(.footnotes, [data-footnotes]) {
      margin-block-start: calc(var(--typeset-flow) * 2);
      border-block-start: 1px solid var(--typeset-rule);
      padding-block-start: var(--typeset-flow);
      font-size: 0.875em;
      color: var(--typeset-muted);
    }
    &:where(math[display="block"]) {
      margin-block-start: var(--typeset-flow);
      margin-block-end: 0;
      overflow-x: auto;
      overflow-y: hidden;
      padding-block: 0.25em;
    }
    &:where(img, video) {
      border-radius: var(--radius-sm);
      max-width: 100%;
      height: auto;
      margin-block-start: var(--typeset-flow);
      margin-block-end: 0;
    }
    &:where(p img) {
      margin-block-start: 0;
    }
    &:where(figure) {
      margin-block-start: var(--typeset-flow);
      margin-block-end: 0;
      margin-inline: 0;
    }
    &:where(figcaption, caption) {
      color: var(--typeset-muted);
      font-size: 0.875em;
      text-align: center;
      margin-block-start: calc(0.75em / 0.875);
    }
    &:where(caption) {
      caption-side: bottom;
    }
    &:where(table) {
      max-width: 100%;
      font-size: 1em;
      line-height: 1.5;
      font-variant-numeric: tabular-nums;
      border-collapse: separate;
      border-spacing: 0;
      border-block-end: 1px solid var(--typeset-rule);
      margin-block-start: var(--typeset-flow);
      margin-block-end: 0;
    }
    &:where(.typeset-scroll) {
      overflow-x: auto;
      margin-block-start: var(--typeset-flow);
    }
    &:where(.typeset-scroll > *) {
      margin-block-start: 0;
    }
    &:where(.typeset-scroll table) {
      width: max-content;
      max-width: none;
    }
    &:where(thead th) {
      font-weight: 500;
      text-align: start;
      white-space: nowrap;
      padding: 0.65em 1em;
    }
    &:where(:is(tbody, tfoot) :is(td, th)) {
      padding: 0.75em 1em;
      text-align: start;
      vertical-align: top;
      border-block-start: 1px solid var(--typeset-rule);
    }
    &:where(tbody th, tfoot th) {
      font-weight: 500;
    }
    &:where(th:first-child, td:first-child) {
      padding-inline-start: 0;
    }
    &:where(th[align="center"], td[align="center"]) {
      text-align: center;
    }
    &:where(th[align="right"], td[align="right"]) {
      text-align: end;
    }
    &:where(li > blockquote, li > table, li > figure) {
      margin-block-start: 0.5em;
    }
    &:where(li > pre) {
      margin-block-start: calc(0.5em / 0.875);
    }
    @media print {
      &:where(pre, table, blockquote, figure) {
        break-inside: avoid;
      }
      &:where(h1, h2, h3, h4) {
        break-after: avoid;
      }
    }
    @media (forced-colors: active) {
      &:where(:not(pre) > code) {
        border: 1px solid;
      }
    }
  }
  & > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), & > :where(:first-child) > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), & :where(li > :first-child, blockquote > :first-child, td > :first-child, th > :first-child, dd > :first-child, figure > :first-child, figure > picture > img):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
    margin-block-start: 0;
  }
}
.brxe-heading:not(.typeset):not([class*="text-"]):not([class*="heading-"]) {
  &:is(h1, h2, h3, h4, h5, h6) {
    color: var(--foreground, currentColor);
    font-family: var(--typeset-font-heading);
    margin-block-end: 0;
    font-weight: unset;
    color: var(--foreground);
    text-decoration-color: currentcolor;
    text-decoration-thickness: from-font;
    text-underline-offset: auto;
    &:is(h1) {
      font-size: 1.75em;
      line-height: 1.3;
      font-family: var(--font-serif);
      font-size: 3.75rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: 1;
      line-height: 1;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      text-wrap: balance;
      --keep-utility-selector: inherit;
    }
    &:is(h2) {
      font-size: 1.75em;
      line-height: 1.4;
      font-family: var(--font-sans);
      font-size: 1.5rem;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-leading: 1.2;
      line-height: 1.2;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      text-wrap: balance;
      --keep-utility-selector: inherit;
    }
    &:is(h3) {
      font-size: 1.125em;
      font-family: var(--font-sans);
      font-size: 1.125rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: 1.45;
      line-height: 1.45;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
    }
    &:is(h4) {
      font-size: 1em;
      line-height: 1.5;
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
    }
    &:is(h5) {
      font-size: 0.875em;
      line-height: 1.5;
      margin-block-start: calc(var(--typeset-flow) / 0.875);
      font-family: var(--font-sans);
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
    }
    &:is(h6) {
      font-size: 0.8125em;
      line-height: 1.5;
      margin-block-start: calc(var(--typeset-flow) / 0.875);
      font-family: var(--font-sans);
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
    }
  }
}
@layer base {
  body {
    min-height: 100svh;
    width: 100%;
    background-color: var(--background);
  }
  body, html {
    font-family: var(--font-sans);
    color: var(--foreground);
    overflow-x: clip;
    font-size: 16px;
    cursor: default;
    line-height: 1.5;
    text-wrap: pretty;
    container-type: inline-size;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum";
    -webkit-hyphenate-limit-before: var(--hyphens-before);
    -webkit-hyphenate-limit-after: var(--hyphens-after);
    -webkit-hyphenate-limit-lines: var(--hyphens-lines);
    hyphenate-limit-chars: var(--hyphens-length) var(--hyphens-before) var(--hyphens-after);
    hyphenate-limit-lines: var(--hyphens-lines);
  }
  html:is(:lang(de)) {
    white-space: normal;
    hyphens: auto;
    --hyphens-before: 2;
    --hyphens-after: 2;
    --hyphens-lines: 2;
    --hyphens-length: 6;
  }
  html:is(:lang(en)) {
    --hyphens-before: 5;
    --hyphens-after: 5;
    --hyphens-lines: 1;
    --hyphens-length: 12;
  }
  * {
    border-color: var(--border);
  }
  #brx-header.brx-sticky {
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0);
  }
  #brx-content {
    display: flex !important;
    flex-direction: column !important;
    row-gap: var(--spacing-stack-content);
    padding-bottom: var(--spacing-stack-content);
  }
  #brx-header {
    z-index: 20;
  }
  .brxe-shortcode, .brxe-post-content[data-source="bricks"] {
    display: contents !important;
  }
  .bricks-background-video-wrapper video {
    scale: 1.002;
  }
  .brx-body > .skip-link {
    position: fixed;
    top: 0;
    left: calc(var(--spacing) * -225);
    z-index: 999;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-radius: var(--radius-xs);
    background-color: var(--foreground);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--background);
    text-decoration-line: none;
    &:focus-visible {
      top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--spacing) * 3);
      left: calc(var(--spacing) * 3);
    }
  }
}
html {
  overflow-x: hidden;
  overflow-inline: hidden;
  scroll-snap-type: y proximity;
  scrollbar-gutter: stable;
  scroll-padding-block-start: 80px;
}
@layer components {
  :root {
    --bricks-transition: all 150ms;
    --bricks-color-primary: var(--primary);
    --bricks-color-secondary: var(--accent);
    --bricks-text-dark: var(--foreground);
    --bricks-text-medium: var(--muted-foreground);
    --bricks-text-light: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --bricks-text-light: color-mix(
      in srgb,
      var(--muted-foreground) 72%,
      var(--background)
    );
    }
    --bricks-text-info: #00b0f4;
    --bricks-text-success: #11b76b;
    --bricks-text-warning: #ffa100;
    --bricks-text-danger: var(--destructive);
    --bricks-bg-info: #e5f3ff;
    --bricks-bg-success: #e6f6ed;
    --bricks-bg-warning: #fff2d7;
    --bricks-bg-danger: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --bricks-bg-danger: color-mix(
      in srgb,
      var(--destructive) 12%,
      var(--background)
    );
    }
    --bricks-bg-dark: var(--foreground);
    --bricks-bg-light: var(--muted);
    --bricks-border-color: var(--border);
    --bricks-border-radius: var(--radius-md);
    --bricks-tooltip-bg: var(--foreground);
    --bricks-tooltip-text: var(--background);
  }
  .brxe-container-section, .brxe-section {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-stack-section);
    padding-block: var(--spacing-section);
  }
  .brxe-container:not(main):not(.brx-popup-content) {
    display: grid;
    width: 100%;
    max-width: var(--max-w-container);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-content: flex-start;
    gap: 0;
    padding-inline: var(--spacing-gutter);
  }
  :where(a.brxe-div,):focus-visible {
    outline: none;
    outline: auto;
    outline-offset: 1px;
  }
  #brx-header.brx-sticky {
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0);
  }
  #brx-content {
    display: flex !important;
    flex-direction: column !important;
    row-gap: var(--spacing-stack-content);
    padding-bottom: var(--spacing-stack-content);
  }
  #brx-header {
    z-index: 20;
  }
  .brxe-shortcode, .brxe-post-content[data-source="bricks"] {
    display: contents !important;
  }
  .bricks-background-video-wrapper video {
    scale: 1.002;
  }
  .brx-body > .skip-link {
    position: fixed;
    top: 0;
    left: calc(var(--spacing) * -225);
    z-index: 999;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-radius: var(--radius-xs);
    background-color: var(--foreground);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--background);
    text-decoration-line: none;
    &:focus-visible {
      top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--spacing) * 3);
      left: calc(var(--spacing) * 3);
    }
  }
  img.brxe-image {
    width: 100%;
    &:not(.w-full) {
      height: auto;
    }
    &.absolute.inset-0 {
      height: 100%;
      width: 100%;
    }
    &[data-object='cover'] {
      object-fit: cover;
    }
    &[data-object='contain'] {
      object-fit: contain;
    }
  }
  ul.brxe-image-gallery {
    & .bricks-layout-item {
      position: relative;
    }
    & .bricks-layout-item img.image {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }
  #brx-header.brx-sticky {
    margin-bottom: -1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: transparent;
    background-color: transparent;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 50ms;
    transition-duration: 50ms;
  }
  #brx-header.brx-sticky.scrolling {
    background-color: var(--background) !important;
    border-bottom-color: var(--border);
  }
  .brxe-accordion-nested .accordion-title-wrapper {
    padding-block: calc(var(--spacing) * 3);
  }
  .brxe-accordion-nested .accordion-content-wrapper {
    padding: 0;
    padding-bottom: calc(var(--spacing) * 3);
  }
  .brxe-form {
    margin-right: calc(var(--spacing-stack) * -1);
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: var(--spacing-stack);
    & > .form-group {
      width: 100%;
      padding: 0;
      padding-right: var(--spacing-stack);
      @media (width < 80rem) {
        min-width: calc(1 / 2 * 100%);
      }
      @media (width < 62.5rem) {
        min-width: 100%;
      }
    }
    .form-group.file {
      & > .file-result.show {
        margin-bottom: calc(var(--spacing) * 2);
        column-gap: calc(var(--spacing) * 3);
      }
    }
    & :is(.label, label) {
      margin-bottom: calc(var(--spacing) * 2);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-leading: 1.714;
      line-height: 1.714;
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      text-transform: none;
      color: var(--foreground);
    }
    & :is(input[type='file']) {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    & :is(input:not([type='file']):not([type='checkbox']):not([type='radio']):not([type='submit']), select, textarea) {
      min-height: calc(var(--spacing) * 12);
      width: 100%;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      border-color: var(--border);
      transition: border-color 0.15s ease,  background-color 0.15s ease, color 0.15s ease;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      color: var(--foreground);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      text-transform: none;
      &::placeholder {
        color: var(--muted-foreground);
        opacity: 1;
      }
      &:focus, &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
      &:disabled {
        cursor: not-allowed;
        opacity: 60%;
      }
      &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--foreground);
        -webkit-box-shadow: 0 0 0 1000px var(--background) inset;
        box-shadow: 0 0 0 1000px var(--background) inset;
        caret-color: var(--foreground);
      }
    }
    & textarea {
      min-height: calc(var(--spacing) * 32);
      overflow: hidden;
      overflow-y: auto;
      padding-block: calc(var(--spacing) * 3);
      resize: vertical;
    }
    & select {
      padding-right: calc(var(--spacing) * 12);
      appearance: none;
      background-image: linear-gradient(45deg, transparent 50%, var(--muted-foreground) 50%), linear-gradient(135deg, var(--muted-foreground) 50%, transparent 50%);
      background-position: calc(100% - 1.125rem) calc(50% - 0.125rem), calc(100% - 0.75rem) calc(50% - 0.125rem);
      background-repeat: no-repeat;
      background-size: 0.5rem 0.5rem;
      &::-ms-expand {
        display: none;
      }
    }
    & input[type='number'] {
      -moz-appearance: textfield;
      &::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none;
      }
    }
    & :is(label.choose-files, button.choose-files.image, button.choose-files.multiple) {
      margin-bottom: 0;
      display: inline-flex;
      min-height: calc(var(--spacing) * 12);
      width: 100%;
      cursor: pointer;
      appearance: none;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      border-color: var(--border);
      transition: border-color 0.15s ease,  background-color 0.15s ease, color 0.15s ease;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      color: var(--foreground);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      text-transform: none;
      &:hover {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in srgb, var(--muted) 60%, var(--background));
        }
      }
      &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
    }
    & .form-group.file:has(> input[type='file']:focus-visible) {
      & :is(label.choose-files, button.choose-files.image, button.choose-files.multiple) {
        outline: auto;
        outline-offset: 1px;
      }
    }
    & .password-input-wrapper .password-toggle, & .message .close, & .file-result.show.danger svg {
      color: var(--muted-foreground);
    }
    & .options-wrapper {
      display: grid;
      gap: calc(var(--spacing) * 3);
    }
    & .options-wrapper li {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 3);
    }
    & .options-wrapper input[type='checkbox'] {
      margin-top: var(--spacing);
      display: inline-grid;
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      flex-shrink: 0;
      place-content: center;
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      vertical-align: top;
      appearance: none;
      border-radius: 0.35rem;
      border-color: var(--border);
      transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
      &::after {
        content: '';
        transform: scale(0);
        transition: transform 0.15s ease;
      }
      &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
      &:checked {
        border-color: var(--primary);
        background-color: var(--primary);
      }
      &:checked::after {
        transform: scale(1);
      }
      &:disabled {
        cursor: not-allowed;
        opacity: 60%;
      }
      &::after {
        width: 0.3rem;
        height: 0.6rem;
        border-right: 2px solid var(--background);
        border-bottom: 2px solid var(--background);
        transform: rotate(45deg) scale(0);
        transform-origin: center;
      }
      &:checked::after {
        transform: rotate(45deg) scale(1);
      }
    }
    & .options-wrapper input[type='radio'] {
      margin-top: var(--spacing);
      display: inline-grid;
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      flex-shrink: 0;
      place-content: center;
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      vertical-align: top;
      appearance: none;
      border-radius: 0.35rem;
      border-color: var(--border);
      transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
      &::after {
        content: '';
        transform: scale(0);
        transition: transform 0.15s ease;
      }
      &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
      &:checked {
        border-color: var(--primary);
        background-color: var(--primary);
      }
      &:checked::after {
        transform: scale(1);
      }
      &:disabled {
        cursor: not-allowed;
        opacity: 60%;
      }
      border-radius: 999px;
      &::after {
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background-color: var(--background);
      }
    }
    & input[type='checkbox'] + :is(.label, label), & input[type='radio'] + :is(.label, label) {
      margin: 0;
      border-radius: var(--radius-sm);
      padding-block: calc(var(--spacing) * 0.5);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-leading: 1.714;
      line-height: 1.714;
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      text-transform: none;
      color: var(--foreground);
    }
    & input[type='checkbox']:checked + :is(.label, label), & input[type='radio']:checked + :is(.label, label) {
      background-color: transparent;
    }
    & .form-group .form-group-error-message, & .recaptcha-error .brxe-alert.danger, & .hcaptcha-error .brxe-alert.danger, & .message.error, & .file-result.show.danger {
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      color: var(--destructive);
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb, var(--destructive) 24%, transparent);
      }
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in srgb, var(--destructive) 10%, var(--background) );
      }
    }
    & .message {
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      color: var(--foreground);
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb, var(--border) 85%, transparent);
      }
      background-color: var(--background);
    }
    & .message.success {
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      color: var(--foreground);
      border-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb, var(--primary) 20%, transparent);
      }
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--primary) 10%, var(--background));
      }
    }
    & :is(.message .text, .message .close) {
      padding: 0.875rem 1rem;
    }
    & .file-result.show {
      margin-bottom: 0;
      width: 100%;
      gap: calc(var(--spacing) * 3);
      border-radius: var(--radius-md);
    }
    & .file-result.show > button.bricks-button.remove {
      color: var(--destructive);
      &:hover {
        color: var(--destructive);
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix( in srgb, var(--destructive) 10%, var(--background) );
        }
      }
    }
    & > .submit-button-wrapper {
      display: flex;
      width: 100%;
      flex-direction: row;
      align-items: center;
    }
  }
  :is(.brxe-filter-search, .brxe-filter-datepicker) {
    position: relative;
    display: grid;
    width: 100%;
    gap: calc(var(--spacing) * 2);
    & > label {
      margin-bottom: calc(var(--spacing) * 2);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-leading: 1.714;
      line-height: 1.714;
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      text-transform: none;
      color: var(--foreground);
      margin-bottom: 0;
    }
    & > input {
      min-height: calc(var(--spacing) * 12);
      width: 100%;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      border-color: var(--border);
      transition: border-color 0.15s ease,  background-color 0.15s ease, color 0.15s ease;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      color: var(--foreground);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      text-transform: none;
      &::placeholder {
        color: var(--muted-foreground);
        opacity: 1;
      }
      &:focus, &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
      &:disabled {
        cursor: not-allowed;
        opacity: 60%;
      }
      &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--foreground);
        -webkit-box-shadow: 0 0 0 1000px var(--background) inset;
        box-shadow: 0 0 0 1000px var(--background) inset;
        caret-color: var(--foreground);
      }
      padding-right: calc(var(--spacing) * 12);
    }
    & > .icon {
      pointer-events: none;
      position: absolute;
      right: calc(var(--spacing) * 4);
      bottom: calc(var(--spacing) * 4);
      display: inline-flex;
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      align-items: center;
      justify-content: center;
      opacity: 0%;
      color: var(--muted-foreground);
      transition: opacity 0.15s ease, color 0.15s ease;
      &.brx-show {
        pointer-events: auto;
        opacity: 100%;
      }
      &:hover {
        color: var(--foreground);
      }
      &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
    }
  }
  :is(.brxe-filter-checkbox, .brxe-filter-radio) {
    margin: 0;
    display: grid;
    list-style-type: none;
    gap: calc(var(--spacing) * 3);
    padding: 0;
    & > li {
      margin: 0;
      list-style-type: none;
      padding: 0;
    }
    & > li > label {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 3);
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: transparent;
      padding: 0;
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      color: var(--foreground);
    }
    & > li > label.brx-option-active, & > li.brx-option-active > label {
      border-radius: var(--radius-sm);
      border-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb, var(--ring) 26%, transparent);
      }
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--muted) 65%, var(--background));
      }
    }
    & label.brx-option-disabled {
      cursor: not-allowed;
      opacity: 60%;
    }
    & .brx-option-text {
      min-width: 0;
      flex: 1;
      padding-block: calc(var(--spacing) * 0.5);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-leading: 1.714;
      line-height: 1.714;
      color: var(--foreground);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      text-transform: none;
      color: inherit;
    }
  }
  .brxe-filter-checkbox {
    & .brx-input-indicator {
      margin-top: var(--spacing);
      display: inline-flex;
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      border-color: var(--border);
      transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
      &::after {
        content: '';
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 0.15rem;
        background-color: var(--primary);
        transform: scale(0);
        transition: transform 0.15s ease;
      }
    }
    & input[type='checkbox']:checked + .brx-input-indicator {
      border-color: var(--primary);
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--primary) 12%, var(--background));
      }
      box-shadow: 0 0 0 3px var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 12%, transparent);
      }
      &::after {
        transform: scale(1);
      }
    }
  }
  .brxe-filter-radio {
    & .brx-input-indicator {
      margin-top: var(--spacing);
      display: inline-flex;
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      border-color: var(--border);
      transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
      &::after {
        content: '';
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 0.15rem;
        background-color: var(--primary);
        transform: scale(0);
        transition: transform 0.15s ease;
      }
      border-radius: calc(infinity * 1px);
      &::after {
        border-radius: 999px;
      }
    }
    & input[type='radio']:checked + .brx-input-indicator {
      border-color: var(--primary);
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--primary) 12%, var(--background));
      }
      box-shadow: 0 0 0 3px var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 12%, transparent);
      }
      &::after {
        transform: scale(1);
      }
    }
  }
  .brxe-filter-select {
    position: relative;
    display: grid;
    width: 100%;
    gap: calc(var(--spacing) * 2);
    &:is(select) {
      min-height: calc(var(--spacing) * 12);
      width: 100%;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      border-color: var(--border);
      transition: border-color 0.15s ease,  background-color 0.15s ease, color 0.15s ease;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      color: var(--foreground);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      text-transform: none;
      &::placeholder {
        color: var(--muted-foreground);
        opacity: 1;
      }
      &:focus, &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
      &:disabled {
        cursor: not-allowed;
        opacity: 60%;
      }
      &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--foreground);
        -webkit-box-shadow: 0 0 0 1000px var(--background) inset;
        box-shadow: 0 0 0 1000px var(--background) inset;
        caret-color: var(--foreground);
      }
      padding-right: calc(var(--spacing) * 12);
    }
    & .bricks-choices, & .bricks-choices__inner {
      display: flex;
      min-height: calc(var(--spacing) * 12);
      width: 100%;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      border-color: var(--border);
      transition: border-color 0.15s ease,  background-color 0.15s ease, color 0.15s ease;
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      color: var(--foreground);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &.brx-open .bricks-choices, & .bricks-choices.is-focused, & .bricks-choices.is-open, & .bricks-choices__inner:focus-within {
      outline: auto;
      outline-offset: 1px;
    }
    & .bricks-choices__input {
      margin: 0;
      min-height: 0;
      min-width: calc(var(--spacing) * 24);
      flex: 1;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
      padding: 0;
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-outline-style: none;
      outline-style: none;
      color: var(--foreground);
      &::placeholder {
        color: var(--muted-foreground);
        opacity: 1;
      }
    }
    & .bricks-choices__placeholder {
      color: var(--muted-foreground);
    }
    & .bricks-choices__list--multiple .bricks-choices__item {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      border-radius: var(--radius-sm);
      padding-inline: calc(var(--spacing) * 2.5);
      padding-block: var(--spacing);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--foreground);
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--muted) 85%, var(--background));
      }
    }
    & .bricks-choices__button {
      display: inline-flex;
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      color: var(--muted-foreground);
    }
    & .bricks-choices__list--dropdown {
      margin-top: calc(var(--spacing) * 2);
      overflow: hidden;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--popover);
      padding: var(--spacing);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: var(--border);
    }
    & .bricks-choices__list--dropdown .bricks-choices__item, & .bricks-choices__list[role='listbox'] .bricks-choices__item {
      border-radius: var(--radius-sm);
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      color: var(--foreground);
    }
    & .bricks-choices__list--dropdown .bricks-choices__item.is-highlighted, & .bricks-choices__list--dropdown .bricks-choices__item[aria-selected='true'] {
      background-color: transparent;
    }
  }
  .brxe-filter-range {
    display: grid;
    width: 100%;
    gap: calc(var(--spacing) * 4);
    & .double-slider-wrap {
      display: grid;
      gap: calc(var(--spacing) * 4);
    }
    & .double-slider-wrap .slider-wrap {
      position: relative;
      height: calc(var(--spacing) * 5);
    }
    & .double-slider-wrap .slider-base {
      position: absolute;
      top: calc(1 / 2 * 100%);
      height: calc(var(--spacing) * 2);
      width: 100%;
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: calc(infinity * 1px);
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--muted) 85%, var(--background));
      }
    }
    & .double-slider-wrap .slider-track {
      position: absolute;
      top: calc(1 / 2 * 100%);
      height: calc(var(--spacing) * 2);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: calc(infinity * 1px);
      background-color: var(--primary);
    }
    & .double-slider-wrap input[type='range'] {
      position: absolute;
      top: 0;
      left: 0;
      height: calc(var(--spacing) * 5);
      width: 100%;
      appearance: none;
      background-color: transparent;
      pointer-events: none;
      &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
      &::-webkit-slider-runnable-track {
        background: transparent;
      }
      &::-moz-range-track {
        background: transparent;
      }
      &::-webkit-slider-thumb {
        appearance: none;
        pointer-events: auto;
        width: 1rem;
        height: 1rem;
        border-radius: 999px;
        border: 2px solid var(--background);
        background: var(--primary);
        box-shadow: 0 1px 2px rgb(0 0 0 / 0.12), 0 0 0 3px var(--ring);
        @supports (color: color-mix(in lab, red, red)) {
          box-shadow: 0 1px 2px rgb(0 0 0 / 0.12), 0 0 0 3px color-mix(in srgb, var(--ring) 12%, transparent);
        }
        cursor: pointer;
      }
      &::-moz-range-thumb {
        pointer-events: auto;
        width: 1rem;
        height: 1rem;
        border: 2px solid var(--background);
        border-radius: 999px;
        background: var(--primary);
        box-shadow: 0 1px 2px rgb(0 0 0 / 0.12), 0 0 0 3px var(--ring);
        @supports (color: color-mix(in lab, red, red)) {
          box-shadow: 0 1px 2px rgb(0 0 0 / 0.12), 0 0 0 3px color-mix(in srgb, var(--ring) 12%, transparent);
        }
        cursor: pointer;
      }
    }
    & .double-slider-wrap .value-wrap {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: calc(var(--spacing) * 4);
    }
    & .double-slider-wrap .value-wrap > span {
      display: grid;
      gap: var(--spacing);
    }
    & .double-slider-wrap .label {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-tracking: 0.08em;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--muted-foreground);
    }
    & .double-slider-wrap .value {
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--foreground);
    }
    & .min-max-wrap {
      display: grid;
      gap: calc(var(--spacing) * 4);
    }
    & .min-max-wrap > div {
      display: grid;
      gap: calc(var(--spacing) * 2);
    }
    & .min-max-wrap > div > .label {
      margin-bottom: calc(var(--spacing) * 2);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-leading: 1.714;
      line-height: 1.714;
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      text-transform: none;
      color: var(--foreground);
      margin-bottom: 0;
    }
    & .min-max-wrap :is(input[type='number']) {
      -moz-appearance: textfield;
      &::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none;
      }
      min-height: calc(var(--spacing) * 12);
      width: 100%;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--background);
      border-color: var(--border);
      transition: border-color 0.15s ease,  background-color 0.15s ease, color 0.15s ease;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      font-family: var(--font-sans);
      font-size: 1rem;
      --tw-leading: 1.875;
      line-height: 1.875;
      font-size: 0.875rem;
      --tw-leading: 1.714;
      line-height: 1.714;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      color: var(--foreground);
      --keep-utility-selector: inherit;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      text-transform: none;
      &::placeholder {
        color: var(--muted-foreground);
        opacity: 1;
      }
      &:focus, &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
      &:disabled {
        cursor: not-allowed;
        opacity: 60%;
      }
      &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--foreground);
        -webkit-box-shadow: 0 0 0 1000px var(--background) inset;
        box-shadow: 0 0 0 1000px var(--background) inset;
        caret-color: var(--foreground);
      }
    }
    & .min-max-wrap.has-custom-stepper .brx-number-wrap {
      position: relative;
    }
    & .min-max-wrap.has-custom-stepper :is(input[type='number']) {
      padding-right: calc(var(--spacing) * 14);
    }
    & .min-max-wrap.has-custom-stepper .brx-stepper {
      position: absolute;
      top: var(--spacing);
      right: var(--spacing);
      bottom: var(--spacing);
      display: grid;
      width: calc(var(--spacing) * 10);
      overflow: hidden;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb, var(--border) 90%, transparent);
      }
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--muted) 55%, var(--background));
      }
    }
    & .min-max-wrap.has-custom-stepper .brx-stepper-button {
      display: inline-flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--foreground);
      transition: background-color 0.15s ease, color 0.15s ease;
      &:hover {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in srgb, var(--accent) 85%, var(--background));
        }
      }
      &:focus-visible {
        outline: none;
        outline: auto;
        outline-offset: 1px;
      }
    }
  }
  :where(.bricks-button, .brxe-text-link.bricks-button, .brxe-toggle-mode, .brxe-toggle:not(:has(.brxa-wrap))) {
    appearance: none;
    background-image: none;
    margin: 0;
  }
  :where(.bricks-button, .brxe-text-link.bricks-button, .brxe-toggle-mode, .brxe-toggle:not(:has(.brxa-wrap))) {
    display: inline-flex;
    block-size: 2rem;
    gap: 0.375rem;
    padding-inline: 0.625rem;
    padding-block: 0;
    &:where([data-icon='inline-start']):has(svg, img, [class*='icon']) {
      padding-inline-start: 0.5rem;
    }
    &:where([data-icon='inline-end']):has(svg, img, [class*='icon']) {
      padding-inline-end: 0.5rem;
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-clip: padding-box;
    font-family: var(--font-sans);
    font-size: 1rem;
    --tw-leading: 1.875;
    line-height: 1.875;
    font-size: 0.875rem;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-leading: 1.714;
    line-height: 1.714;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--foreground);
    --keep-utility-selector: inherit;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
    outline-offset: 1px;
    border-radius: 2px;
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
  }
  :where(.bricks-button, .brxe-text-link.bricks-button, .brxe-toggle-mode, .brxe-toggle:not(:has(.brxa-wrap))):focus-visible {
    outline: none;
    outline: auto;
    outline-offset: 1px;
  }
  :where(.bricks-button:disabled, .bricks-button[aria-disabled='true'], .brxe-text-link.bricks-button[aria-disabled='true'], .brxe-toggle-mode:disabled, .brxe-toggle-mode[aria-disabled='true'], .brxe-toggle:not(:has(.brxa-wrap)):disabled, .brxe-toggle:not(:has(.brxa-wrap))[aria-disabled='true']) {
    pointer-events: none;
    opacity: 50%;
  }
  :where(.bricks-button[aria-invalid='true'], .brxe-text-link.bricks-button[aria-invalid='true'], .brxe-toggle-mode[aria-invalid='true'], .brxe-toggle:not(:has(.brxa-wrap))[aria-invalid='true']) {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  :where(.bricks-button, .brxe-text-link.bricks-button, .brxe-toggle-mode, .brxe-toggle:not(:has(.brxa-wrap))) :is(svg, i), :where(.bricks-button, .brxe-text-link.bricks-button, .brxe-toggle-mode, .brxe-toggle:not(:has(.brxa-wrap))) .icon {
    pointer-events: none;
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1;
  }
  :where(.bricks-button, .brxe-text-link.bricks-button, .brxe-toggle-mode, .brxe-toggle:not(:has(.brxa-wrap))) svg {
    color: inherit;
  }
  :where(.bricks-button, .brxe-text-link.bricks-button, .brxe-toggle-mode, .brxe-toggle:not(:has(.brxa-wrap))) svg [fill]:not([fill='none']):not([fill='currentColor']):not([fill^='url(']) {
    fill: currentColor;
  }
  :where(.bricks-button, .brxe-text-link.bricks-button, .brxe-toggle-mode, .brxe-toggle:not(:has(.brxa-wrap))) svg [stroke]:not([stroke='none']):not([stroke='currentColor']):not([stroke^='url(']) {
    stroke: currentColor;
  }
  :where(.bricks-button.sm, .bricks-button[data-size='sm'], .brxe-text-link.bricks-button[data-size='sm'], .brxe-form .submit-button-wrapper > button.bricks-button.sm[type='submit']) {
    block-size: 1.75rem;
    gap: 0.25rem;
    padding-inline: 0.625rem;
    padding-block: 0;
    font-size: 0.8rem;
    border-radius: calc(var(--radius) - 2px);
    &:where([data-icon='inline-start']):has(svg, img, [class*='icon']) {
      padding-inline-start: 0.375rem;
    }
    &:where([data-icon='inline-end']):has(svg, img, [class*='icon']) {
      padding-inline-end: 0.375rem;
    }
    & svg:not([class*='size-']) {
      width: 0.875rem;
      height: 0.875rem;
    }
    & :is(i, .icon) {
      font-size: 0.875rem;
    }
  }
  :where(.bricks-button.lg, .bricks-button[data-size='lg'], .brxe-text-link.bricks-button[data-size='lg'], .brxe-form .submit-button-wrapper > button.bricks-button.lg[type='submit']) {
    block-size: 2.25rem;
    gap: 0.375rem;
    padding-inline: 0.625rem;
    padding-block: 0;
    &:where([data-icon='inline-start']):has(svg, img, [class*='icon']) {
      padding-inline-start: 0.5rem;
    }
    &:where([data-icon='inline-end']):has(svg, img, [class*='icon']) {
      padding-inline-end: 0.5rem;
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  :where(.bricks-button[data-size='icon'], .brxe-text-link.bricks-button[data-size='icon']) {
    min-height: calc(var(--spacing) * 8);
    min-width: calc(var(--spacing) * 8);
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    gap: 0;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    & .text {
      font-size: 0;
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    & :is(svg, i), & .icon {
      position: absolute;
      inset: 0;
      margin: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-indent: 0;
    }
  }
  :where(.brxe-toggle-mode, .brxe-toggle:not(:has(.brxa-wrap))) {
    min-height: calc(var(--spacing) * 8);
    min-width: calc(var(--spacing) * 8);
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    gap: 0;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    & .text {
      font-size: 0;
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    & :is(svg, i), & .icon {
      position: absolute;
      inset: 0;
      margin: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-indent: 0;
    }
  }
  :where(.bricks-button.circle) {
    border-radius: 100px;
  }
  :where(.bricks-button[data-size='icon-sm'], .brxe-text-link.bricks-button[data-size='icon-sm'], .brxe-toggle[data-size='icon-sm'], .brxe-toggle-mode[data-size='icon-sm']) {
    inline-size: 1.75rem;
    block-size: 1.75rem;
    padding: 0;
    gap: 0;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    border-radius: calc(var(--radius) - 2px);
    & .text {
      font-size: 0;
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    & :is(svg, i), & .icon {
      position: absolute;
      inset: 0;
      margin: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.875rem;
      text-indent: 0;
    }
  }
  :where(.bricks-button[data-size='icon-lg'], .brxe-text-link.bricks-button[data-size='icon-lg'], .brxe-toggle[data-size='icon-lg'], .brxe-toggle-mode[data-size='icon-lg']) {
    inline-size: 2.25rem;
    block-size: 2.25rem;
    padding: 0;
    gap: 0;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    & .text {
      font-size: 0;
    }
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
    & :is(svg, i), & .icon {
      position: absolute;
      inset: 0;
      margin: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-indent: 0;
    }
  }
  :where(.bricks-button:not([data-variant='link']), .brxe-text-link.bricks-button[data-variant]:not([data-variant='link'])) {
    --keep-utility-selector: inherit;
  }
  :where(.brxe-toggle-mode:not([data-variant='link']), .brxe-toggle:not(:has(.brxa-wrap)):not([data-variant='link'])) {
    --keep-utility-selector: inherit;
  }
  :where(.bricks-button.bricks-background-primary:not(.outline):not([data-variant]), .bricks-button:not([class*='bricks-background-']):not([class*='bricks-color-']):not(.outline):not([data-variant]), .bricks-button[data-variant='default'], .brxe-text-link.bricks-button[data-variant='default'], .brxe-toggle[data-variant='default'], .brxe-toggle-mode[data-variant='default'], .brxe-form .submit-button-wrapper > button.bricks-button[type='submit']) {
    background-color: var(--primary);
    color: var(--primary-foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 80%, transparent);
        }
      }
    }
  }
  :where(.bricks-button.outline, .bricks-button[data-variant='outline'], .brxe-text-link.bricks-button[data-variant='outline']) {
    border-color: var(--border);
    background-color: var(--background);
    color: var(--foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  :where(.bricks-button.bricks-background-secondary:not(.outline):not([data-variant]), .bricks-button[data-variant='secondary'], .brxe-text-link.bricks-button[data-variant='secondary'], .brxe-toggle[data-variant='secondary'], .brxe-toggle-mode[data-variant='secondary']) {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
    &:hover {
      background-color: var(--secondary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklch, var(--secondary), var(--foreground) 5% );
      }
    }
  }
  :where(.brxe-form .submit-button-wrapper > button.bricks-button.bricks-background-secondary[type='submit']) {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
    &:hover {
      background-color: var(--secondary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklch, var(--secondary), var(--foreground) 5% );
      }
    }
  }
  :where(.bricks-button[data-variant='ghost'], .brxe-text-link.bricks-button[data-variant='ghost'], .brxe-toggle[data-variant='ghost'], .brxe-toggle-mode[data-variant='ghost'], .brxe-form .file-result.show > button.bricks-button.remove) {
    background-color: transparent;
    color: var(--foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  :where(.bricks-button[data-variant='link'], .brxe-text-link:not([data-variant]), .brxe-text-link.bricks-button[data-variant='link']) {
    height: auto;
    border-color: transparent;
    background-color: transparent;
    padding: 0;
    color: var(--primary);
    text-underline-offset: 4px;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    font-family: var(--font-sans);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-leading: 1.875;
    line-height: 1.875;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--foreground);
    --keep-utility-selector: inherit;
    border-radius: 0;
    block-size: auto;
    min-height: 0;
  }
}
#wp-toolbar, #wp-toolbar > * {
  display: flex;
  flex-wrap: nowrap;
}
#wp-toolbar {
  justify-content: space-between;
}
#wp-toolbar > * > *, #wp-toolbar > *:not(:first-child) {
  flex: none;
}
#wp-toolbar > *:first-child {
  flex: 1;
  flex-wrap: wrap;
}
#wp-toolbar #wp-admin-bar-updraft_admin_node, #wp-toolbar #wp-admin-bar-fluent_cart_test_mode, #wp-toolbar #wp-admin-bar-comments, #wp-toolbar #wp-admin-bar-customize, #wp-toolbar #wp-admin-bar-editor_mode, #wp-toolbar #wp-admin-bar-winden_dplugins_editor {
  display: none !important;
}
@layer components {
  body.brx-body :is(header,main,footer) {
    [data-theme-refresh-marker='true'] {
      --dev-marker-color: #eab308;
      --dev-marker-tint: rgb(234 179 8 / 0.18);
      &:not(:focus-visible) {
        position: relative !important;
        outline: 3px solid var(--dev-marker-color) !important;
        outline-offset: 2px !important;
        box-shadow: inset 0 0 0 9999px var(--dev-marker-tint) !important;
      }
      &:not(:focus-visible)::before {
        content: var(--dev-marker-label);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 2px 6px;
        background-color: var(--dev-marker-color);
        color: #fff;
        font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        white-space: nowrap;
        pointer-events: none;
      }
    }
    [data-theme-refresh-marker='true'][data-theme-refresh-marker-source='axe-core'][data-theme-refresh-marker-severity='error'] {
      --dev-marker-color: #dc2626;
      --dev-marker-tint: rgb(220 38 38 / 0.12);
    }
    [data-theme-refresh-marker='true'][data-theme-refresh-marker-source='axe-core'][data-theme-refresh-marker-severity='warning'] {
      --dev-marker-color: #eab308;
      --dev-marker-tint: rgb(234 179 8 / 0.18);
    }
    [data-theme-refresh-marker='true'][data-theme-refresh-marker-source='axe-core'][data-theme-refresh-marker-severity='info'] {
      --dev-marker-color: #2563eb;
      --dev-marker-tint: rgb(37 99 235 / 0.14);
    }
    img:not([alt]):not([aria-hidden='true'], [aria-hidden='true'] *) {
      --dev-marker-color: #eab308;
      --dev-marker-tint: rgb(234 179 8 / 0.18);
      &:not(:focus-visible) {
        position: relative !important;
        outline: 3px solid var(--dev-marker-color) !important;
        outline-offset: 2px !important;
        box-shadow: inset 0 0 0 9999px var(--dev-marker-tint) !important;
      }
      &:not(:focus-visible)::before {
        content: var(--dev-marker-label);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 2px 6px;
        background-color: var(--dev-marker-color);
        color: #fff;
        font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        white-space: nowrap;
        pointer-events: none;
      }
      --dev-marker-label: 'Missing alt';
    }
    svg:not([aria-hidden='true'], [aria-hidden='true'] *) :not([role='presentation']) :not([role='none']) :not([aria-label]) :not([aria-labelledby]) :not(:has(title)) {
      --dev-marker-color: #eab308;
      --dev-marker-tint: rgb(234 179 8 / 0.18);
      &:not(:focus-visible) {
        position: relative !important;
        outline: 3px solid var(--dev-marker-color) !important;
        outline-offset: 2px !important;
        box-shadow: inset 0 0 0 9999px var(--dev-marker-tint) !important;
      }
      &:not(:focus-visible)::before {
        content: var(--dev-marker-label);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 2px 6px;
        background-color: var(--dev-marker-color);
        color: #fff;
        font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        white-space: nowrap;
        pointer-events: none;
      }
      --dev-marker-label: 'Missing SVG label';
    }
    &:not([data-builder-window]):not(#wp-toolbar) :not([data-script-id]) > :is(a:not([href]), a[href=''], a[href='#'], a[href='javascript:void(0)']):not([aria-hidden='true'], [aria-hidden='true'] *, [role='button']) {
      --dev-marker-color: #eab308;
      --dev-marker-tint: rgb(234 179 8 / 0.18);
      &:not(:focus-visible) {
        position: relative !important;
        outline: 3px solid var(--dev-marker-color) !important;
        outline-offset: 2px !important;
        box-shadow: inset 0 0 0 9999px var(--dev-marker-tint) !important;
      }
      &:not(:focus-visible)::before {
        content: var(--dev-marker-label);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 2px 6px;
        background-color: var(--dev-marker-color);
        color: #fff;
        font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        white-space: nowrap;
        pointer-events: none;
      }
      --dev-marker-label: 'Missing link';
    }
    :is(h1, h2, h3, h4, h5, h6, p):empty:not([aria-hidden='true'], [aria-hidden='true'] *) {
      --dev-marker-color: #eab308;
      --dev-marker-tint: rgb(234 179 8 / 0.18);
      &:not(:focus-visible) {
        position: relative !important;
        outline: 3px solid var(--dev-marker-color) !important;
        outline-offset: 2px !important;
        box-shadow: inset 0 0 0 9999px var(--dev-marker-tint) !important;
      }
      &:not(:focus-visible)::before {
        content: var(--dev-marker-label);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 2px 6px;
        background-color: var(--dev-marker-color);
        color: #fff;
        font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        white-space: nowrap;
        pointer-events: none;
      }
      --dev-marker-label: 'Empty text node';
    }
    :is(ol, ul) > :not(li) {
      --dev-marker-color: #eab308;
      --dev-marker-tint: rgb(234 179 8 / 0.18);
      &:not(:focus-visible) {
        position: relative !important;
        outline: 3px solid var(--dev-marker-color) !important;
        outline-offset: 2px !important;
        box-shadow: inset 0 0 0 9999px var(--dev-marker-tint) !important;
      }
      &:not(:focus-visible)::before {
        content: var(--dev-marker-label);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 2px 6px;
        background-color: var(--dev-marker-color);
        color: #fff;
        font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        white-space: nowrap;
        pointer-events: none;
      }
      --dev-marker-label: 'Invalid list-node';
    }
    :not(ol):not(ul) > li {
      --dev-marker-color: #eab308;
      --dev-marker-tint: rgb(234 179 8 / 0.18);
      &:not(:focus-visible) {
        position: relative !important;
        outline: 3px solid var(--dev-marker-color) !important;
        outline-offset: 2px !important;
        box-shadow: inset 0 0 0 9999px var(--dev-marker-tint) !important;
      }
      &:not(:focus-visible)::before {
        content: var(--dev-marker-label);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 2px 6px;
        background-color: var(--dev-marker-color);
        color: #fff;
        font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        white-space: nowrap;
        pointer-events: none;
      }
      --dev-marker-label: 'Invalid list-parent';
    }
    :is(a, button):empty:not([aria-label]):not([aria-labelledby]):not([aria-hidden='true'], [aria-hidden='true'] *) {
      --dev-marker-color: #eab308;
      --dev-marker-tint: rgb(234 179 8 / 0.18);
      &:not(:focus-visible) {
        position: relative !important;
        outline: 3px solid var(--dev-marker-color) !important;
        outline-offset: 2px !important;
        box-shadow: inset 0 0 0 9999px var(--dev-marker-tint) !important;
      }
      &:not(:focus-visible)::before {
        content: var(--dev-marker-label);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 2px 6px;
        background-color: var(--dev-marker-color);
        color: #fff;
        font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        white-space: nowrap;
        pointer-events: none;
      }
      --dev-marker-label: 'Unnamed control';
    }
  }
}
.brxe-nav-menu.contents {
  display: contents;
  & > *, & > * > * {
    display: contents;
  }
}
.brxe-nav-nested:not([data-toggle="never"]) {
  --dev-marker-color: #eab308;
  --dev-marker-tint: rgb(234 179 8 / 0.18);
  &:not(:focus-visible) {
    position: relative !important;
    outline: 3px solid var(--dev-marker-color) !important;
    outline-offset: 2px !important;
    box-shadow: inset 0 0 0 9999px var(--dev-marker-tint) !important;
  }
  &:not(:focus-visible)::before {
    content: var(--dev-marker-label);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 2px 6px;
    background-color: var(--dev-marker-color);
    color: #fff;
    font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: nowrap;
    pointer-events: none;
  }
  --dev-marker-label: 'Set mobile menu at breakpoint to "never"';
}
.brxe-nav-nested[data-toggle="never"] {
  & > .brx-nav-nested-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 2) !important;
  }
  & .brxe-text-link, & .brxe-dropdown > .brx-submenu-toggle {
    font-family: var(--font-sans);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-leading: 1.875;
    line-height: 1.875;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--foreground);
    --keep-utility-selector: inherit;
  }
  & .brxe-dropdown:not(.brx-has-megamenu) > .brx-dropdown-content {
    min-width: max-content;
    background-color: var(--background);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
  }
  & .brxe-dropdown.brx-has-megamenu > .brx-dropdown-content {
    background-color: var(--background);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
  }
  &:hover .brxe-dropdown.brx-has-megamenu:not(:hover) > .brx-dropdown-content {
    transition-delay: 100ms;
  }
  & .brxe-dropdown > .brx-dropdown-content {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    top: calc(100% + (var(--bar-height-max) - 1.875rem) / 2);
  }
  & .brxe-dropdown.brx-has-megamenu[data-mega-menu] > .brx-dropdown-content {
    --max-w-megamenu: calc(var(--max-w-container) - var(--spacing-gutter) * 2);
    --translate-x-megamenu: calc(var(--spacing-gutter) - 1px);
    min-width: var(--max-w-megamenu) !important;
    --tw-translate-x: var(--translate-x-megamenu) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  & .brxe-dropdown:not(.brx-has-megamenu):has(.brx-dropdown-content[data-position='start']) {
    align-items: flex-start;
  }
  & .brxe-dropdown:not(.brx-has-megamenu):has(.brx-dropdown-content:not([data-position='start'])) {
    align-items: center;
  }
  & .brxe-dropdown > .brx-dropdown-content:before {
    transform: unset;
    background-color: var(--background);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    top: calc(0.5px * -1);
    left: 1rem;
    transform-origin: center;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
    border-top-left-radius: 0.25rem !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--border) !important;
    border-right: none !important;
    border-bottom: none !important;
    height: 0.825rem;
    width: 0.825rem;
  }
  & .brxe-dropdown > .brx-dropdown-content:not([data-position='start']):before {
    left: calc(1 / 2 * 100%);
  }
  & .brxe-dropdown.brx-has-megamenu > .brx-dropdown-content:before {
    display: none;
  }
  & .brxe-dropdown > .brx-submenu-toggle {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    & svg {
      width: 1rem !important;
      height: 1rem !important;
      min-height: 1rem !important;
      min-width: 1rem !important;
    }
  }
  & .brxe-dropdown > .brx-submenu-toggle, & .menu-item > .brxe-text-link {
    font-family: var(--font-sans);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-leading: 1.875;
    line-height: 1.875;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--foreground);
    --keep-utility-selector: inherit;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}