@scope (.bwa-ontario-211-phase-2-website) {
  /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
  @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-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-border-style: solid;
        --tw-leading: initial;
        --tw-font-weight: initial;
        --tw-tracking: 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-duration: initial;
      }
    }
  }
  @layer theme {
    :root,
    :host {
      --font-sans: "Figtree", ui-sans-serif, system-ui, sans-serif;
      --font-mono:
        ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
      --color-white: #fff;
      --spacing: 0.25rem;
      --font-weight-light: 300;
      --font-weight-normal: 400;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
      --tracking-wide: 0.025em;
      --default-transition-duration: 0.15s;
      --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      --default-font-family: var(--font-sans);
      --default-mono-font-family: var(--font-mono);
    }
  }
  @layer base {
    *,
    :after,
    :before,
    ::backdrop {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0;
    }
    ::file-selector-button {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0;
    }
    html,
    :host {
      -webkit-text-size-adjust: 100%;
      -moz-tab-size: 4;
      tab-size: 4;
      line-height: 1.5;
      font-family: var(
        --default-font-family,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        "Noto Sans",
        Arial,
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      );
      font-feature-settings: var(--default-font-feature-settings, normal);
      font-variation-settings: var(--default-font-variation-settings, normal);
      -webkit-tap-highlight-color: transparent;
    }
    hr {
      height: 0;
      color: inherit;
      border-top-width: 1px;
    }
    abbr:where([title]) {
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-size: inherit;
      font-weight: inherit;
    }
    a {
      color: inherit;
      -webkit-text-decoration: inherit;
      text-decoration: inherit;
    }
    b,
    strong {
      font-weight: bolder;
    }
    code,
    kbd,
    samp,
    pre {
      font-family: var(
        --default-mono-font-family,
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        "Courier New",
        monospace
      );
      font-feature-settings: var(--default-mono-font-feature-settings, normal);
      font-variation-settings: var(
        --default-mono-font-variation-settings,
        normal
      );
      font-size: 1em;
    }
    small {
      font-size: 80%;
    }
    sub,
    sup {
      vertical-align: baseline;
      font-size: 75%;
      line-height: 0;
      position: relative;
    }
    sub {
      bottom: -0.25em;
    }
    sup {
      top: -0.5em;
    }
    table {
      text-indent: 0;
      border-color: inherit;
      border-collapse: collapse;
    }
    :-moz-focusring:where(:not(iframe)) {
      outline: auto;
    }
    progress {
      vertical-align: baseline;
    }
    summary {
      display: list-item;
    }
    ol,
    ul,
    menu {
      list-style: none;
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
      vertical-align: middle;
      display: block;
    }
    img,
    video {
      max-width: 100%;
      height: auto;
    }
    button,
    input,
    select,
    optgroup,
    textarea {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0;
    }
    ::file-selector-button {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0;
    }
    :where(select:is([multiple], [size])) optgroup {
      font-weight: bolder;
    }
    :where(select:is([multiple], [size])) optgroup option {
      padding-inline-start: 20px;
    }
    ::file-selector-button {
      margin-inline-end: 4px;
    }
    ::placeholder {
      opacity: 1;
    }
    @supports (not ((-webkit-appearance: -apple-pay-button))) or
      (contain-intrinsic-size: 1px) {
      ::placeholder {
        color: currentColor;
      }
      @supports (color: color-mix(in lab, red, red)) {
        ::placeholder {
          color: color-mix(in oklab, currentcolor 50%, transparent);
        }
      }
    }
    textarea {
      resize: vertical;
    }
    ::-webkit-search-decoration {
      -webkit-appearance: none;
    }
    ::-webkit-date-and-time-value {
      min-height: 1lh;
      text-align: inherit;
    }
    ::-webkit-datetime-edit {
      display: inline-flex;
    }
    ::-webkit-datetime-edit-fields-wrapper {
      padding: 0;
    }
    ::-webkit-datetime-edit {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-year-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-month-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-day-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-hour-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-minute-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-second-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-millisecond-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-meridiem-field {
      padding-block: 0;
    }
    ::-webkit-calendar-picker-indicator {
      line-height: 1;
    }
    :-moz-ui-invalid {
      box-shadow: none;
    }
    button,
    input:where([type="button"], [type="reset"], [type="submit"]) {
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
    }
    ::file-selector-button {
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
    }
    ::-webkit-inner-spin-button {
      height: auto;
    }
    ::-webkit-outer-spin-button {
      height: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
      display: none !important;
    }
    html,
    body,
    #root {
      height: 100%;
      margin: 0;
    }
    body {
      color: #111;
      -webkit-font-smoothing: antialiased;
      background-color: #fff;
      font-family: Figtree, ui-sans-serif, system-ui, sans-serif;
    }
    button:focus-visible,
    a:focus-visible,
    input:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #00549a;
    }
  }
  @layer components;
  @layer utilities {
    .pointer-events-none {
      pointer-events: none;
    }
    .invisible {
      visibility: hidden;
    }
    .visible {
      visibility: visible;
    }
    .absolute {
      position: absolute;
    }
    .relative {
      position: relative;
    }
    .static {
      position: static;
    }
    .top-1\/2 {
      top: 50%;
    }
    .left-\[16px\] {
      left: 16px;
    }
    .container {
      width: 100%;
    }
    @media (min-width: 40rem) {
      .container {
        max-width: 40rem;
      }
    }
    @media (min-width: 48rem) {
      .container {
        max-width: 48rem;
      }
    }
    @media (min-width: 64rem) {
      .container {
        max-width: 64rem;
      }
    }
    @media (min-width: 80rem) {
      .container {
        max-width: 80rem;
      }
    }
    @media (min-width: 96rem) {
      .container {
        max-width: 96rem;
      }
    }
    .mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .mt-\[8px\] {
      margin-top: 8px;
    }
    .mt-\[16px\] {
      margin-top: 16px;
    }
    .mt-\[40px\] {
      margin-top: 40px;
    }
    .mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }
    .block {
      display: block;
    }
    .contents {
      display: contents;
    }
    .flex {
      display: flex;
    }
    .grid {
      display: grid;
    }
    .hidden {
      display: none;
    }
    .inline {
      display: inline;
    }
    .list-item {
      display: list-item;
    }
    .aspect-square {
      aspect-ratio: 1;
    }
    .h-100 {
      height: calc(var(--spacing) * 100);
    }
    .h-\[12px\] {
      height: 12px;
    }
    .h-\[16px\] {
      height: 16px;
    }
    .h-\[20px\] {
      height: 20px;
    }
    .h-\[21px\] {
      height: 21px;
    }
    .h-\[24px\] {
      height: 24px;
    }
    .h-\[30px\] {
      height: 30px;
    }
    .h-\[47px\] {
      height: 47px;
    }
    .h-\[48px\] {
      height: 48px;
    }
    .h-\[58px\] {
      height: 58px;
    }
    .h-\[72px\] {
      height: 72px;
    }
    .h-\[100px\] {
      height: 100px;
    }
    .h-\[140px\] {
      height: 140px;
    }
    .h-\[450px\] {
      height: 450px;
    }
    .h-px {
      height: 1px;
    }
    .min-h-\[250px\] {
      min-height: 250px;
    }
    .min-h-\[408px\] {
      min-height: 408px;
    }
    .min-h-screen {
      min-height: 100vh;
    }
    .w-100 {
      width: calc(var(--spacing) * 100);
    }
    .w-\[12px\] {
      width: 12px;
    }
    .w-\[16px\] {
      width: 16px;
    }
    .w-\[20px\] {
      width: 20px;
    }
    .w-\[24px\] {
      width: 24px;
    }
    .w-\[30px\] {
      width: 30px;
    }
    .w-\[48px\] {
      width: 48px;
    }
    .w-\[70px\] {
      width: 70px;
    }
    .w-\[80vw\] {
      width: 80vw;
    }
    .w-\[100px\] {
      width: 100px;
    }
    .w-\[120px\] {
      width: 120px;
    }
    .w-\[126px\] {
      width: 126px;
    }
    .w-\[144px\] {
      width: 144px;
    }
    .w-\[179px\] {
      width: 179px;
    }
    .w-\[604px\] {
      width: 604px;
    }
    .w-auto {
      width: auto;
    }
    .w-fit {
      width: fit-content;
    }
    .w-full {
      width: 100%;
    }
    .w-px {
      width: 1px;
    }
    .max-w-\[143px\] {
      max-width: 143px;
    }
    .max-w-\[456px\] {
      max-width: 456px;
    }
    .max-w-\[597px\] {
      max-width: 597px;
    }
    .max-w-\[836px\] {
      max-width: 836px;
    }
    .max-w-\[1120px\] {
      max-width: 1120px;
    }
    .max-w-\[1240px\] {
      max-width: 1240px;
    }
    .max-w-\[1440px\] {
      max-width: 1440px;
    }
    .min-w-0 {
      min-width: 0;
    }
    .min-w-max {
      min-width: max-content;
    }
    .flex-1 {
      flex: 1;
    }
    .shrink-0 {
      flex-shrink: 0;
    }
    .-translate-y-1\/2 {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .rotate-180 {
      rotate: 180deg;
    }
    .grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .flex-col {
      flex-direction: column;
    }
    .flex-row {
      flex-direction: row;
    }
    .flex-wrap {
      flex-wrap: wrap;
    }
    .items-center {
      align-items: center;
    }
    .items-end {
      align-items: flex-end;
    }
    .items-start {
      align-items: flex-start;
    }
    .items-stretch {
      align-items: stretch;
    }
    .justify-between {
      justify-content: space-between;
    }
    .justify-center {
      justify-content: center;
    }
    .justify-end {
      justify-content: flex-end;
    }
    .gap-\[4px\] {
      gap: 4px;
    }
    .gap-\[6px\] {
      gap: 6px;
    }
    .gap-\[8px\] {
      gap: 8px;
    }
    .gap-\[10px\] {
      gap: 10px;
    }
    .gap-\[12px\] {
      gap: 12px;
    }
    .gap-\[16px\] {
      gap: 16px;
    }
    .gap-\[20px\] {
      gap: 20px;
    }
    .gap-\[24px\] {
      gap: 24px;
    }
    .gap-\[30px\] {
      gap: 30px;
    }
    .gap-\[32px\] {
      gap: 32px;
    }
    .gap-\[40px\] {
      gap: 40px;
    }
    .gap-\[48px\] {
      gap: 48px;
    }
    .gap-\[50px\] {
      gap: 50px;
    }
    .overflow-x-auto {
      overflow-x: auto;
    }
    .rounded-\[4px\] {
      border-radius: 4px;
    }
    .rounded-\[6px\] {
      border-radius: 6px;
    }
    .rounded-\[8px\] {
      border-radius: 8px;
    }
    .rounded-\[10px\] {
      border-radius: 10px;
    }
    .rounded-\[12px\] {
      border-radius: 12px;
    }
    .rounded-\[20px\] {
      border-radius: 20px;
    }
    .rounded-full {
      border-radius: 3.40282e38px;
    }
    .border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
    .border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .border-\[\#141414\] {
      border-color: #141414;
    }
    .border-\[\#A9231A\] {
      border-color: #a9231a;
    }
    .border-\[\#B0B2B3\] {
      border-color: #b0b2b3;
    }
    .border-\[\#D2D2D3\] {
      border-color: #d2d2d3;
    }
    .border-\[\#D6D6D6\] {
      border-color: #d6d6d6;
    }
    .border-\[\#EEEEEF\] {
      border-color: #eeeeef;
    }
    .bg-\[\#2E3032\] {
      background-color: #2e3032;
    }
    .bg-\[\#54585A\] {
      background-color: #54585a;
    }
    .bg-\[\#141414\] {
      background-color: #141414;
    }
    .bg-\[\#B0B2B3\] {
      background-color: #b0b2b3;
    }
    .bg-\[\#E6F2F8\] {
      background-color: #e6f2f8;
    }
    .bg-\[\#EEEEEF\] {
      background-color: #eeeeef;
    }
    .bg-\[\#F15A50\] {
      background-color: #f15a50;
    }
    .bg-\[\#FCFCFC\] {
      background-color: #fcfcfc;
    }
    .bg-\[\#FFFFFF\] {
      background-color: #fff;
    }
    .bg-white {
      background-color: var(--color-white);
    }
    .object-contain {
      object-fit: contain;
    }
    .p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .p-\[5px\] {
      padding: 5px;
    }
    .p-\[8px\] {
      padding: 8px;
    }
    .p-\[11px\] {
      padding: 11px;
    }
    .p-\[16px\] {
      padding: 16px;
    }
    .p-\[24px\] {
      padding: 24px;
    }
    .px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .px-\[4px\] {
      padding-inline: 4px;
    }
    .px-\[12px\] {
      padding-inline: 12px;
    }
    .px-\[14px\] {
      padding-inline: 14px;
    }
    .px-\[16px\] {
      padding-inline: 16px;
    }
    .px-\[18px\] {
      padding-inline: 18px;
    }
    .px-\[24px\] {
      padding-inline: 24px;
    }
    .px-\[40px\] {
      padding-inline: 40px;
    }
    .py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
    .py-\[4px\] {
      padding-block: 4px;
    }
    .py-\[8px\] {
      padding-block: 8px;
    }
    .py-\[10px\] {
      padding-block: 10px;
    }
    .py-\[12px\] {
      padding-block: 12px;
    }
    .py-\[16px\] {
      padding-block: 16px;
    }
    .py-\[20px\] {
      padding-block: 20px;
    }
    .py-\[32px\] {
      padding-block: 32px;
    }
    .py-\[48px\] {
      padding-block: 48px;
    }
    .py-\[60px\] {
      padding-block: 60px;
    }
    .pt-\[12px\] {
      padding-top: 12px;
    }
    .pr-\[16px\] {
      padding-right: 16px;
    }
    .pb-\[30px\] {
      padding-bottom: 30px;
    }
    .pb-\[32px\] {
      padding-bottom: 32px;
    }
    .pl-\[44px\] {
      padding-left: 44px;
    }
    .text-center {
      text-align: center;
    }
    .text-start {
      text-align: start;
    }
    .text-\[14px\] {
      font-size: 14px;
    }
    .text-\[20px\] {
      font-size: 20px;
    }
    .leading-\[20px\] {
      --tw-leading: 20px;
      line-height: 20px;
    }
    .leading-\[21px\] {
      --tw-leading: 21px;
      line-height: 21px;
    }
    .leading-\[24px\] {
      --tw-leading: 24px;
      line-height: 24px;
    }
    .leading-\[27px\] {
      --tw-leading: 27px;
      line-height: 27px;
    }
    .leading-\[30px\] {
      --tw-leading: 30px;
      line-height: 30px;
    }
    .leading-\[34px\] {
      --tw-leading: 34px;
      line-height: 34px;
    }
    .leading-\[40px\] {
      --tw-leading: 40px;
      line-height: 40px;
    }
    .leading-\[42px\] {
      --tw-leading: 42px;
      line-height: 42px;
    }
    .leading-\[48px\] {
      --tw-leading: 48px;
      line-height: 48px;
    }
    .font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .font-light {
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
    }
    .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);
    }
    .font-semibold {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    .tracking-wide {
      --tw-tracking: var(--tracking-wide);
      letter-spacing: var(--tracking-wide);
    }
    .whitespace-pre-line {
      white-space: pre-line;
    }
    .text-\[\#0D0D0D\] {
      color: #0d0d0d;
    }
    .text-\[\#000000\] {
      color: #000;
    }
    .text-\[\#2E3032\] {
      color: #2e3032;
    }
    .text-\[\#007CBA\] {
      color: #007cba;
    }
    .text-\[\#76797B\] {
      color: #76797b;
    }
    .text-\[\#303030\] {
      color: #303030;
    }
    .text-\[\#808080\] {
      color: gray;
    }
    .text-\[\#A9231A\] {
      color: #a9231a;
    }
    .text-\[\#EE3124\] {
      color: #ee3124;
    }
    .text-\[\#FCFCFC\] {
      color: #fcfcfc;
    }
    .text-\[\#FDEAE9\] {
      color: #fdeae9;
    }
    .text-\[\#FFFFFF\] {
      color: #fff;
    }
    .uppercase {
      text-transform: uppercase;
    }
    .underline {
      text-decoration-line: underline;
    }
    .shadow-\[0px_0\.59px_1\.17px_0px_rgba\(16\,24\,40\,0\.05\)\] {
      --tw-shadow: 0px 0.59px 1.17px 0px var(--tw-shadow-color, #1018280d);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[0px_1px_2px_0px_rgba\(16\,24\,40\,0\.05\)\] {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[0px_4px_20px_0px_rgba\(0\,0\,0\,0\.08\)\] {
      --tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, #00000014);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .ring-2 {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
        calc(2px + 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);
    }
    .ring-\[\#F15A50\] {
      --tw-ring-color: #f15a50;
    }
    .transition-all {
      transition-property: all;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .transition-colors {
      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)
      );
    }
    .transition-shadow {
      transition-property: box-shadow;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .transition-transform {
      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)
      );
    }
    .duration-200 {
      --tw-duration: 0.2s;
      transition-duration: 0.2s;
    }
    .placeholder\:text-\[\#76797B\]::placeholder {
      color: #76797b;
    }
    @media (hover: hover) {
      .hover\:border-\[\#A9231A\]:hover {
        border-color: #a9231a;
      }
      .hover\:bg-\[\#2E3032\]:hover {
        background-color: #2e3032;
      }
      .hover\:bg-\[\#808080\]:hover {
        background-color: gray;
      }
      .hover\:bg-\[\#EEEEEF\]:hover {
        background-color: #eeeeef;
      }
      .hover\:text-\[\#2E3032\]:hover {
        color: #2e3032;
      }
      .hover\:text-\[\#A9231A\]:hover {
        color: #a9231a;
      }
      .hover\:text-\[\#EE3124\]:hover {
        color: #ee3124;
      }
      .hover\:opacity-70:hover {
        opacity: 0.7;
      }
      .hover\:shadow-\[0px_4px_12px_0px_rgba\(16\,24\,40\,0\.08\)\]:hover {
        --tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, #10182814);
        box-shadow:
          var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
          var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    .focus-visible\:ring-2:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
        calc(2px + 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);
    }
    .focus-visible\:ring-\[\#0D0D0D\]:focus-visible {
      --tw-ring-color: #0d0d0d;
    }
    .focus-visible\:ring-\[\#2E3032\]:focus-visible {
      --tw-ring-color: #2e3032;
    }
    .focus-visible\:ring-\[\#007CBA\]:focus-visible {
      --tw-ring-color: #007cba;
    }
    .focus-visible\:ring-\[\#141414\]:focus-visible {
      --tw-ring-color: #141414;
    }
    .focus-visible\:ring-\[\#A9231A\]:focus-visible {
      --tw-ring-color: #a9231a;
    }
    .focus-visible\:ring-\[\#EE3124\]:focus-visible {
      --tw-ring-color: #ee3124;
    }
    .focus-visible\:ring-offset-2:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .focus-visible\:outline-none:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (min-width: 40rem) {
      .sm\:flex {
        display: flex;
      }
      .sm\:w-\[170px\] {
        width: 170px;
      }
      .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .sm\:flex-row {
        flex-direction: row;
      }
      .sm\:items-center {
        align-items: center;
      }
      .sm\:justify-between {
        justify-content: space-between;
      }
      .sm\:gap-\[24px\] {
        gap: 24px;
      }
      .sm\:gap-\[30px\] {
        gap: 30px;
      }
    }
    @media (min-width: 48rem) {
      .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (min-width: 64rem) {
      .lg\:sticky {
        position: sticky;
      }
      .lg\:top-\[24px\] {
        top: 24px;
      }
      .lg\:flex {
        display: flex;
      }
      .lg\:h-\[80px\] {
        height: 80px;
      }
      .lg\:h-\[400px\] {
        height: 400px;
      }
      .lg\:w-\[400px\] {
        width: 400px;
      }
      .lg\:w-\[460px\] {
        width: 460px;
      }
      .lg\:w-\[492px\] {
        width: 492px;
      }
      .lg\:w-\[544px\] {
        width: 544px;
      }
      .lg\:w-\[595px\] {
        width: 595px;
      }
      .lg\:w-\[604px\] {
        width: 604px;
      }
      .lg\:w-\[620px\] {
        width: 620px;
      }
      .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .lg\:flex-row {
        flex-direction: row;
      }
      .lg\:flex-row-reverse {
        flex-direction: row-reverse;
      }
      .lg\:items-center {
        align-items: center;
      }
      .lg\:items-end {
        align-items: flex-end;
      }
      .lg\:gap-\[16px\] {
        gap: 16px;
      }
      .lg\:gap-\[32px\] {
        gap: 32px;
      }
      .lg\:gap-\[64px\] {
        gap: 64px;
      }
      .lg\:self-start {
        align-self: flex-start;
      }
      .lg\:p-\[32px\] {
        padding: 32px;
      }
      .lg\:px-\[100px\] {
        padding-inline: 100px;
      }
      .lg\:py-\[32px\] {
        padding-block: 32px;
      }
      .lg\:py-\[70px\] {
        padding-block: 70px;
      }
      .lg\:py-\[100px\] {
        padding-block: 100px;
      }
      .lg\:text-\[48px\] {
        font-size: 48px;
      }
      .lg\:text-\[56px\] {
        font-size: 56px;
      }
      .lg\:leading-\[58px\] {
        --tw-leading: 58px;
        line-height: 58px;
      }
      .lg\:leading-\[67px\] {
        --tw-leading: 67px;
        line-height: 67px;
      }
    }
    @media (min-width: 80rem) {
      .xl\:flex {
        display: flex;
      }
      .xl\:hidden {
        display: none;
      }
      .xl\:gap-\[121px\] {
        gap: 121px;
      }
    }
  }
  :root {
    --bwa-shadow-xs: 0 1px 2px #0000000d;
    --bwa-shadow-sm: 0 0.125rem 0.25rem #00000013;
    --bwa-shadow: 0 0.5rem 1rem #00000026;
    --bwa-shadow-md: 0 0.5rem 1rem #00000026;
    --bwa-shadow-lg: 0 1rem 3rem #0000002d;
    --bwa-shadow-xl: 0 1.5rem 4rem #0003;
    --bwa-shadow-hover: 0 0.75rem 1.5rem #0003;
    --bwa-shadow-inset: inset 0 1px 2px #00000013;
    --bwa-shadow-none: none;
    --bwa-shadow-primary: 0 0.5rem 1.5rem #03021340;
    --bwa-shadow-primary-sm: 0 0.25rem 0.75rem #03021326;
    --bwa-radius-sm: 0.25rem;
    --bwa-radius: var(--radius, 0.625rem);
    --bwa-radius-md: 0.5rem;
    --bwa-radius-lg: 0.75rem;
    --bwa-radius-xl: 1rem;
    --bwa-radius-2xl: 1.5rem;
    --bwa-radius-full: 9999px;
    --bwa-transition-fast: all 0.15s ease-in-out;
    --bwa-transition: all 0.2s ease-in-out;
    --bwa-transition-slow: all 0.3s ease-in-out;
    --bwa-focus-ring: 0 0 0 0.25rem #03021340;
    --bwa-focus-ring-primary: 0 0 0 0.25rem #5b21b640;
  }
  .dark {
    --bwa-shadow-xs: 0 1px 2px #0003;
    --bwa-shadow-sm: 0 0.125rem 0.25rem #0000004d;
    --bwa-shadow: 0 0.5rem 1rem #0006;
    --bwa-shadow-md: 0 0.5rem 1rem #0006;
    --bwa-shadow-lg: 0 1rem 3rem #00000080;
    --bwa-shadow-xl: 0 1.5rem 4rem #0009;
    --bwa-shadow-hover: 0 0.75rem 1.5rem #00000080;
  }
  .bwa-shadow-xs {
    box-shadow: var(--bwa-shadow-xs) !important;
  }
  .bwa-shadow-sm {
    box-shadow: var(--bwa-shadow-sm) !important;
  }
  .bwa-shadow {
    box-shadow: var(--bwa-shadow) !important;
  }
  .bwa-shadow-md {
    box-shadow: var(--bwa-shadow-md) !important;
  }
  .bwa-shadow-lg {
    box-shadow: var(--bwa-shadow-lg) !important;
  }
  .bwa-shadow-xl {
    box-shadow: var(--bwa-shadow-xl) !important;
  }
  .bwa-shadow-none {
    box-shadow: none !important;
  }
  .bwa-shadow-inset {
    box-shadow: var(--bwa-shadow-inset) !important;
  }
  .bwa-shadow-hover:hover {
    box-shadow: var(--bwa-shadow-hover) !important;
  }
  .bwa-shadow-lift:hover {
    transform: translateY(-2px);
    box-shadow: var(--bwa-shadow-lg) !important;
  }
  .bwa-card,
  [data-slot="card"],
  .bwa-module fieldset {
    background-color: var(--card, #fff);
    border: 1px solid var(--border, #0000001a);
    border-radius: var(--bwa-radius-lg);
    box-shadow: var(--bwa-shadow-sm);
    transition: var(--bwa-transition);
  }
  .bwa-card:hover,
  [data-slot="card"]:hover,
  .bwa-card-elevated {
    box-shadow: var(--bwa-shadow);
  }
  .bwa-card-elevated:hover {
    box-shadow: var(--bwa-shadow-lg);
    transform: translateY(-2px);
  }
  [class~="bwa-card-header"],
  .bwa-module legend {
    background-color: var(--muted, #ececf0);
    border-bottom: 1px solid var(--border, #0000001a);
    border-radius: var(--bwa-radius-lg) var(--bwa-radius-lg) 0 0;
    font-weight: var(--font-weight-medium, 500);
    margin: -1px -1px 1rem;
    padding: 1rem 1.25rem;
  }
  .bwa-btn,
  [data-slot="button"],
  .bwa-module button[type="submit"],
  .bwa-module input[type="submit"],
  .bwa-module input[type="button"] {
    border-radius: var(--bwa-radius);
    box-shadow: var(--bwa-shadow-xs);
    transition: var(--bwa-transition);
    font-weight: var(--font-weight-medium, 500);
  }
  .bwa-btn:hover,
  [data-slot="button"]:hover,
  .bwa-module button[type="submit"]:hover,
  .bwa-module input[type="submit"]:hover,
  .bwa-module input[type="button"]:hover {
    box-shadow: var(--bwa-shadow-sm);
    transform: translateY(-1px);
  }
  .bwa-btn:active,
  .bwa-module button[type="submit"]:active,
  .bwa-module input[type="submit"]:active {
    box-shadow: var(--bwa-shadow-xs);
    transform: translateY(0);
  }
  .bwa-btn:focus,
  .bwa-module button[type="submit"]:focus,
  .bwa-module input[type="submit"]:focus {
    box-shadow: var(--bwa-focus-ring);
    outline: none;
  }
  .bwa-input,
  [data-slot="input"],
  .bwa-module input[type="text"],
  .bwa-module input[type="email"],
  .bwa-module input[type="password"],
  .bwa-module input[type="tel"],
  .bwa-module input[type="number"],
  .bwa-module input[type="search"],
  .bwa-module input[type="url"],
  .bwa-module input[type="date"],
  .bwa-module textarea,
  .bwa-module select {
    border-radius: var(--bwa-radius);
    border: 1px solid var(--border, #0000001a);
    transition: var(--bwa-transition-fast);
  }
  .bwa-input:focus,
  [data-slot="input"]:focus,
  .bwa-module input:focus,
  .bwa-module textarea:focus,
  .bwa-module select:focus {
    border-color: var(--primary, #5b21b6);
    box-shadow: var(--bwa-focus-ring-primary);
    outline: none;
  }
  .bwa-rounded-sm {
    border-radius: var(--bwa-radius-sm) !important;
  }
  .bwa-rounded {
    border-radius: var(--bwa-radius) !important;
  }
  .bwa-rounded-md {
    border-radius: var(--bwa-radius-md) !important;
  }
  .bwa-rounded-lg {
    border-radius: var(--bwa-radius-lg) !important;
  }
  .bwa-rounded-xl {
    border-radius: var(--bwa-radius-xl) !important;
  }
  .bwa-rounded-2xl {
    border-radius: var(--bwa-radius-2xl) !important;
  }
  .bwa-rounded-full {
    border-radius: var(--bwa-radius-full) !important;
  }
  .bwa-transition-fast {
    transition: var(--bwa-transition-fast) !important;
  }
  .bwa-transition {
    transition: var(--bwa-transition) !important;
  }
  .bwa-transition-slow {
    transition: var(--bwa-transition-slow) !important;
  }
  @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;
  }
  @property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
  }
  @property --tw-leading {
    syntax: "*";
    inherits: false;
  }
  @property --tw-font-weight {
    syntax: "*";
    inherits: false;
  }
  @property --tw-tracking {
    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: 0;
  }
  @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-duration {
    syntax: "*";
    inherits: false;
  } /*!
* Bootstrap 5 Grid-Only CSS
* Generated for BWA compatibility
* Contains ONLY: Container, Row, Column classes (.container, .row, .col-*, .g-*)
* Display/flex utilities handled by Tailwind (flex, hidden, etc. → .flex, .hidden)
* NOT wrapped in @layer - loads at root level to prevent Tailwind utility conflicts
* This ensures Bootstrap Grid renders correctly alongside Tailwind utilities
*/
  :root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
  }
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  .container,
  .container-fluid,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 576px) {
    .container,
    .container-sm {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .container,
    .container-sm,
    .container-md {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
      max-width: 1140px;
    }
  }
  @media (min-width: 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
      max-width: 1320px;
    }
  }
  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }
  [class*="col-"],
  .col {
    min-width: 0;
    word-wrap: break-word;
  }
  .col {
    flex: 1 0 0%;
  }
  .col-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  @media (min-width: 576px) {
    .col-sm {
      flex: 1 0 0%;
    }
    .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-sm-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-sm-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-sm-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-sm-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-sm-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-sm-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-sm-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-sm-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-sm-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-sm-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-sm-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-sm-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }
  @media (min-width: 768px) {
    .col-md {
      flex: 1 0 0%;
    }
    .col-md-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-md-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-md-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-md-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-md-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-md-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-md-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-md-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-md-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-md-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-md-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }
  @media (min-width: 992px) {
    .col-lg {
      flex: 1 0 0%;
    }
    .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-lg-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-lg-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }
  @media (min-width: 1200px) {
    .col-xl {
      flex: 1 0 0%;
    }
    .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xl-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-xl-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xl-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-xl-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-xl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xl-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-xl-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-xl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xl-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-xl-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-xl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }
  @media (min-width: 1400px) {
    .col-xxl {
      flex: 1 0 0%;
    }
    .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xxl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-xxl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-xxl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }
  .g-0,
  .gx-0 {
    --bs-gutter-x: 0;
  }
  .g-0,
  .gy-0 {
    --bs-gutter-y: 0;
  }
  .g-1,
  .gx-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-1,
  .gy-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-2,
  .gx-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-2,
  .gy-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-3,
  .gx-3 {
    --bs-gutter-x: 1rem;
  }
  .g-3,
  .gy-3 {
    --bs-gutter-y: 1rem;
  }
  .g-4,
  .gx-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-4,
  .gy-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-5,
  .gx-5 {
    --bs-gutter-x: 3rem;
  }
  .g-5,
  .gy-5 {
    --bs-gutter-y: 3rem;
  }
  .offset-1 {
    margin-left: 8.33333333%;
  }
  .offset-2 {
    margin-left: 16.66666667%;
  }
  .offset-3 {
    margin-left: 25%;
  }
  .offset-4 {
    margin-left: 33.33333333%;
  }
  .offset-5 {
    margin-left: 41.66666667%;
  }
  .offset-6 {
    margin-left: 50%;
  }
  .offset-7 {
    margin-left: 58.33333333%;
  }
  .offset-8 {
    margin-left: 66.66666667%;
  }
  .offset-9 {
    margin-left: 75%;
  }
  .offset-10 {
    margin-left: 83.33333333%;
  }
  .offset-11 {
    margin-left: 91.66666667%;
  }
  @media (min-width: 576px) {
    .offset-sm-0 {
      margin-left: 0;
    }
    .offset-sm-1 {
      margin-left: 8.33333333%;
    }
    .offset-sm-2 {
      margin-left: 16.66666667%;
    }
    .offset-sm-3 {
      margin-left: 25%;
    }
    .offset-sm-4 {
      margin-left: 33.33333333%;
    }
    .offset-sm-5 {
      margin-left: 41.66666667%;
    }
    .offset-sm-6 {
      margin-left: 50%;
    }
    .offset-sm-7 {
      margin-left: 58.33333333%;
    }
    .offset-sm-8 {
      margin-left: 66.66666667%;
    }
    .offset-sm-9 {
      margin-left: 75%;
    }
    .offset-sm-10 {
      margin-left: 83.33333333%;
    }
    .offset-sm-11 {
      margin-left: 91.66666667%;
    }
  }
  @media (min-width: 768px) {
    .offset-md-0 {
      margin-left: 0;
    }
    .offset-md-1 {
      margin-left: 8.33333333%;
    }
    .offset-md-2 {
      margin-left: 16.66666667%;
    }
    .offset-md-3 {
      margin-left: 25%;
    }
    .offset-md-4 {
      margin-left: 33.33333333%;
    }
    .offset-md-5 {
      margin-left: 41.66666667%;
    }
    .offset-md-6 {
      margin-left: 50%;
    }
    .offset-md-7 {
      margin-left: 58.33333333%;
    }
    .offset-md-8 {
      margin-left: 66.66666667%;
    }
    .offset-md-9 {
      margin-left: 75%;
    }
    .offset-md-10 {
      margin-left: 83.33333333%;
    }
    .offset-md-11 {
      margin-left: 91.66666667%;
    }
  }
  @media (min-width: 992px) {
    .offset-lg-0 {
      margin-left: 0;
    }
    .offset-lg-1 {
      margin-left: 8.33333333%;
    }
    .offset-lg-2 {
      margin-left: 16.66666667%;
    }
    .offset-lg-3 {
      margin-left: 25%;
    }
    .offset-lg-4 {
      margin-left: 33.33333333%;
    }
    .offset-lg-5 {
      margin-left: 41.66666667%;
    }
    .offset-lg-6 {
      margin-left: 50%;
    }
    .offset-lg-7 {
      margin-left: 58.33333333%;
    }
    .offset-lg-8 {
      margin-left: 66.66666667%;
    }
    .offset-lg-9 {
      margin-left: 75%;
    }
    .offset-lg-10 {
      margin-left: 83.33333333%;
    }
    .offset-lg-11 {
      margin-left: 91.66666667%;
    }
  }
  @media (min-width: 1200px) {
    .offset-xl-0 {
      margin-left: 0;
    }
    .offset-xl-1 {
      margin-left: 8.33333333%;
    }
    .offset-xl-2 {
      margin-left: 16.66666667%;
    }
    .offset-xl-3 {
      margin-left: 25%;
    }
    .offset-xl-4 {
      margin-left: 33.33333333%;
    }
    .offset-xl-5 {
      margin-left: 41.66666667%;
    }
    .offset-xl-6 {
      margin-left: 50%;
    }
    .offset-xl-7 {
      margin-left: 58.33333333%;
    }
    .offset-xl-8 {
      margin-left: 66.66666667%;
    }
    .offset-xl-9 {
      margin-left: 75%;
    }
    .offset-xl-10 {
      margin-left: 83.33333333%;
    }
    .offset-xl-11 {
      margin-left: 91.66666667%;
    }
  }
  @media (min-width: 1400px) {
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
      margin-left: 91.66666667%;
    }
  }
  .order-first {
    order: -1;
  }
  .order-0 {
    order: 0;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-last {
    order: 6;
  }
  @media (min-width: 576px) {
    .order-sm-first {
      order: -1;
    }
    .order-sm-0 {
      order: 0;
    }
    .order-sm-1 {
      order: 1;
    }
    .order-sm-2 {
      order: 2;
    }
    .order-sm-3 {
      order: 3;
    }
    .order-sm-4 {
      order: 4;
    }
    .order-sm-5 {
      order: 5;
    }
    .order-sm-last {
      order: 6;
    }
  }
  @media (min-width: 768px) {
    .order-md-first {
      order: -1;
    }
    .order-md-0 {
      order: 0;
    }
    .order-md-1 {
      order: 1;
    }
    .order-md-2 {
      order: 2;
    }
    .order-md-3 {
      order: 3;
    }
    .order-md-4 {
      order: 4;
    }
    .order-md-5 {
      order: 5;
    }
    .order-md-last {
      order: 6;
    }
  }
  @media (min-width: 992px) {
    .order-lg-first {
      order: -1;
    }
    .order-lg-0 {
      order: 0;
    }
    .order-lg-1 {
      order: 1;
    }
    .order-lg-2 {
      order: 2;
    }
    .order-lg-3 {
      order: 3;
    }
    .order-lg-4 {
      order: 4;
    }
    .order-lg-5 {
      order: 5;
    }
    .order-lg-last {
      order: 6;
    }
  }
  @media (min-width: 1200px) {
    .order-xl-first {
      order: -1;
    }
    .order-xl-0 {
      order: 0;
    }
    .order-xl-1 {
      order: 1;
    }
    .order-xl-2 {
      order: 2;
    }
    .order-xl-3 {
      order: 3;
    }
    .order-xl-4 {
      order: 4;
    }
    .order-xl-5 {
      order: 5;
    }
    .order-xl-last {
      order: 6;
    }
  }
  @media (min-width: 1400px) {
    .order-xxl-first {
      order: -1;
    }
    .order-xxl-0 {
      order: 0;
    }
    .order-xxl-1 {
      order: 1;
    }
    .order-xxl-2 {
      order: 2;
    }
    .order-xxl-3 {
      order: 3;
    }
    .order-xxl-4 {
      order: 4;
    }
    .order-xxl-5 {
      order: 5;
    }
    .order-xxl-last {
      order: 6;
    }
  }
  .row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  @media (min-width: 576px) {
    .row-cols-sm-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-sm-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-sm-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-sm-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-sm-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-sm-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
  }
  @media (min-width: 768px) {
    .row-cols-md-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-md-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-md-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-md-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-md-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-md-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
  }
  @media (min-width: 992px) {
    .row-cols-lg-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-lg-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-lg-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-lg-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-lg-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-lg-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
  }
  @media (min-width: 1200px) {
    .row-cols-xl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xl-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-xl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xl-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
  }
  @media (min-width: 1400px) {
    .row-cols-xxl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xxl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xxl-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-xxl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xxl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xxl-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
  }
  .g-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .g-1 {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
  }
  .g-2 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
  .g-3 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .g-4 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .g-5 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .g-6 {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
  }
  .g-7 {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
  }
  .g-8 {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
  }
  .g-9 {
    --bs-gutter-x: 8rem;
    --bs-gutter-y: 8rem;
  }
  .g-10 {
    --bs-gutter-x: 10rem;
    --bs-gutter-y: 10rem;
  }
  .g-11 {
    --bs-gutter-x: 12rem;
    --bs-gutter-y: 12rem;
  }
  .g-12 {
    --bs-gutter-x: 15rem;
    --bs-gutter-y: 15rem;
  }
  .gx-0 {
    --bs-gutter-x: 0;
  }
  .gx-1 {
    --bs-gutter-x: 0.25rem;
  }
  .gx-2 {
    --bs-gutter-x: 0.5rem;
  }
  .gx-3 {
    --bs-gutter-x: 1rem;
  }
  .gx-4 {
    --bs-gutter-x: 1.5rem;
  }
  .gx-5 {
    --bs-gutter-x: 3rem;
  }
  .gy-0 {
    --bs-gutter-y: 0;
  }
  .gy-1 {
    --bs-gutter-y: 0.25rem;
  }
  .gy-2 {
    --bs-gutter-y: 0.5rem;
  }
  .gy-3 {
    --bs-gutter-y: 1rem;
  }
  .gy-4 {
    --bs-gutter-y: 1.5rem;
  }
  .gy-5 {
    --bs-gutter-y: 3rem;
  }
  [class*="mix-blend"] {
    mix-blend-mode: normal !important;
  }
  .row.grid,
  .row.lg\:grid,
  .row.md\:grid,
  .row.flex {
    display: flex !important;
  }
  .row[class*="gap-"] {
    gap: 0 !important;
  }
  .row > [class*="col-"] {
    box-sizing: border-box;
    width: auto;
  }
  .row > [class*="col-"][class*="w-"],
  .row > [class*="col-"][class*="basis-"],
  .row > [class*="col-"][class*="flex-1"],
  .row > [class*="col-"][class*="grow"] {
    width: auto !important;
    flex: 0 0 auto !important;
  }
  .row > col {
    display: block;
    flex: 0 0 auto;
    width: auto;
    padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
    padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
  }
  .row.tw-grid {
    display: flex !important;
  }
  .row {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .row[class*="row-cols-"] > * {
    flex: 0 0 auto !important;
  }
  @media (min-width: 768px) {
    .row-cols-md-2 > * {
      width: 50% !important;
      max-width: 50% !important;
    }
    .col-md-6 {
      width: 50% !important;
      max-width: 50% !important;
      flex: 0 0 auto !important;
    }
    .col-md-4 {
      width: 33.333333% !important;
      max-width: 33.333333% !important;
      flex: 0 0 auto !important;
    }
    .col-md-3 {
      width: 25% !important;
      max-width: 25% !important;
      flex: 0 0 auto !important;
    }
  }
  @media (min-width: 992px) {
    .row-cols-lg-2 > * {
      width: 50% !important;
      max-width: 50% !important;
    }
    .row-cols-lg-3 > * {
      width: 33.333333% !important;
      max-width: 33.333333% !important;
    }
    .col-lg-6 {
      width: 50% !important;
      max-width: 50% !important;
      flex: 0 0 auto !important;
    }
    .col-lg-4 {
      width: 33.333333% !important;
      max-width: 33.333333% !important;
      flex: 0 0 auto !important;
    }
    .col-lg-3 {
      width: 25% !important;
      max-width: 25% !important;
      flex: 0 0 auto !important;
    }
  }
}

/* Brand Corpus chained-fallback slot vars - see PLUGIN_BRAND_INHERITANCE_AUTHOR_GUIDE.md.
   Inert (uses this design's own extracted/default color) until a Brand Corpus exists;
   resolves to the live corpus token the moment one is promoted, with no code change. */
.bwa-ontario-211-phase-2-website {
  --mp-bg: var(--bg, var(--bwa-ontario-211-phase-2-website-bg, #ffffff));
  --mp-text: var(--text, var(--bwa-ontario-211-phase-2-website-text, #000000));
  --mp-accent: var(
    --accent,
    var(--bwa-ontario-211-phase-2-website-accent, #007cba)
  );
}
