@layer ww-style-reset, ww-style-component, ww-style-core, ww-style-library, ww-style-section, ww-style-element, ww-style-layout-override, ww-style-runtime;
@property --ww-content-ww-text-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border {
  syntax: "*";
  inherits: false;
}
@property --ww-style-opacity {
  syntax: "*";
  inherits: false;
}
@property --ww-style-box-shadow {
  syntax: "*";
  inherits: false;
}
@property --ww-style-display {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-direction-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-wrap-layout-flex {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
    }
    @layer custom {
    }
  }
  @layer instance {
    @layer normal, custom;
    @layer normal {
    }
    @layer custom {
    }
  }
}
@layer ww-style-section {
  @layer normal, custom;
  @layer normal {
    @layer atomic, ordered;
    @layer atomic {
      .ww-a-pkHs98VbL7skuULJ {
        height: auto;
        min-height: unset;
        max-height: unset;
      }
      .ww-a-KlrFL0HmhtPGL0px {
        max-width: unset;
        min-width: unset;
        min-height: unset;
        max-height: unset;
      }
    }
    @layer ordered {
      .ww-s-dC {
        z-index: 100;
        display: flex;
        background-color: #0b0f19;
        position: sticky;
        top: 0;
        width: revert-layer;
      }
      .ww-s-dC > .ww-section-element {
        --ww-section-root-auto-align: center;
        --ww-section-root-auto-width: 100%;
        width: 100%;
        padding: 0;
        border: 1px solid var(--92f23df2-6506-41f6-a6ea-67b1dfdc89f0, #27354A);
        box-shadow: 0 4px 20px #0000004d;
      }
      .ww-s-dC > .ww-section-element.ww-layout {
        display: flex;
        flex-flow: column;
      }
    }
  }
  @layer custom {
  }
}
@layer ww-style-element {
  @layer normal, custom;
  @layer normal {
    @layer atomic, ordered;
    @layer atomic {
      .ww-a-wepO1Mjw7DgHz3WK {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-JvbkL8SOmMPX3LJB {
        margin: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-GfbQibRQPgXgCmyn {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-4RoHNZRxGrkSNyJL {
        margin: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-YF0k00I-Mi8zOhMt {
        margin: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-GY9OD6k0O9NAwLah {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-Ks_fZq89Diodjybo {
        z-index: unset;
        align-self: var(--ww-section-root-auto-align, unset);
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-jv_Vqe1raKX4ZAEH {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
    }
    @layer ordered {
      .ww-e-d1d {
        display: flex;
      }
      .ww-e-d1d.ww-layout, .ww-e-d1d [data-ww-ls~="d1d"] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
      }
      .ww-e-d1e {
        padding: 6px 14px;
        font: var(--688c415b-0a7e-4cd5-9460-d4c99423e1c8, 500 13px/1 'Plus Jakarta Sans', sans-serif);
        color: var(--aaa93ca9-c42d-4dd3-a232-25e9b9a44378, #94A3B8);
        white-space-collapse: preserve;
        background-color: #0000;
        cursor: pointer;
        border-radius: 6px;
      }
      .ww-e-d1e:where(:hover) {
        color: #fff;
        background-color: #182234;
      }
      .ww-e-d1f {
        font: var(--65cdf847-7919-4e97-a1a0-e53ec6fc8458, 600 10px/1 'Plus Jakarta Sans', sans-serif);
        color: var(--15f91872-013a-4198-8f28-0830ebcb7dd5, #10B981);
        white-space-collapse: preserve;
      }
      .ww-e-d1g {
        font: var(--4eb4e2fe-f4be-4f8d-b341-5bc9a9c70e19, 400 10px/1.2 'Plus Jakarta Sans', sans-serif);
        color: var(--aaa93ca9-c42d-4dd3-a232-25e9b9a44378, #94A3B8);
        white-space-collapse: preserve;
      }
      .ww-e-d1h {
        padding: 2px;
        display: flex;
        width: 36px;
        height: 36px;
        background-color: #0000;
        box-shadow: none;
        border-radius: 10px;
      }
      .ww-e-d1h.ww-layout, .ww-e-d1h [data-ww-ls~="d1h"] {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .ww-e-d42 {
        display: flex;
      }
      .ww-e-d42.ww-layout, .ww-e-d42 [data-ww-ls~="d42"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 14px;
        flex-wrap: revert-layer;
      }
      .ww-e-d43 {
        font: 700 20px / 1.2 Inter, sans-serif;
        color: var(--a1c6feb0-2f27-41f2-8d0a-bc413058a61b, #F8FAFC);
        letter-spacing: -.5px;
        white-space-collapse: preserve;
      }
      .ww-e-d44 {
        padding: 5px 12px 5px 6px;
        display: flex;
        background-color: #111827;
        border: 1px solid var(--92f23df2-6506-41f6-a6ea-67b1dfdc89f0, #27354A);
        border-radius: 100px;
      }
      .ww-e-d44.ww-layout, .ww-e-d44 [data-ww-ls~="d44"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        flex-wrap: revert-layer;
      }
      .ww-e-d48 {
        width: 100%;
        height: 100%;
        --wwi-of: contain;
      }
      .ww-e-d4F {
        margin: 0 auto;
        padding: 14px 24px;
        display: flex;
        width: 100%;
        max-width: 1380px;
      }
      .ww-e-d4F.ww-layout, .ww-e-d4F [data-ww-ls~="d4F"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
        flex-wrap: revert-layer;
      }
      .ww-e-d4G {
        width: revert-layer;
        height: 76px;
        cursor: pointer;
        --wwi-of: contain;
      }
      .ww-e-d7S {
        display: flex;
      }
      @media (max-width: 767px) {
        .ww-e-d7S {
          display: none;
        }
      }
      .ww-e-d7S.ww-layout, .ww-e-d7S [data-ww-ls~="d7S"] {
        display: flex;
        flex-flow: column;
        gap: 0;
      }
      @media (max-width: 767px) {
        .ww-e-d7S.ww-layout, .ww-e-d7S [data-ww-ls~="d7S"] {
          display: none;
        }
      }
      .ww-e-d7T {
        padding: 6px 14px;
        font: var(--688c415b-0a7e-4cd5-9460-d4c99423e1c8, 500 13px/1 'Plus Jakarta Sans', sans-serif);
        color: var(--aaa93ca9-c42d-4dd3-a232-25e9b9a44378, #94A3B8);
        white-space-collapse: preserve;
        background-color: #0000;
        cursor: pointer;
        border-radius: 6px;
      }
      .ww-e-d7T:where(:hover) {
        color: #fff;
        background-color: #182234;
      }
      .ww-e-d7U {
        width: 7px;
        height: 7px;
        background-color: var(--15f91872-013a-4198-8f28-0830ebcb7dd5, #10B981);
        box-shadow: 0 0 8px #10b981cc;
        border-radius: 100px;
      }
      .ww-e-d7U.ww-layout, .ww-e-d7U [data-ww-ls~="d7U"] {
        display: flex;
      }
      .ww-e-d7V {
        padding: 4px 6px;
        display: flex;
        background-color: #111827;
        border: 1px solid var(--92f23df2-6506-41f6-a6ea-67b1dfdc89f0, #27354A);
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-d7V {
          display: none;
        }
      }
      .ww-e-d7V.ww-layout, .ww-e-d7V [data-ww-ls~="d7V"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d7V.ww-layout, .ww-e-d7V [data-ww-ls~="d7V"] {
          display: none;
        }
      }
      .ww-e-d7W {
        font: var(--688c415b-0a7e-4cd5-9460-d4c99423e1c8, 600 12px/1.2 'Plus Jakarta Sans', sans-serif);
        color: #f8fafc;
        white-space-collapse: preserve;
      }
      .ww-e-d7X {
        width: 28px;
        height: 28px;
        border: 1px solid #ffffff26;
        border-radius: 100px;
      }
      .ww-e-d7Y {
        padding: 8px 16px;
        font: var(--688c415b-0a7e-4cd5-9460-d4c99423e1c8, 600 13px/1 'Plus Jakarta Sans', sans-serif);
        color: #fff;
        white-space-collapse: preserve;
        background-color: var(--1bce57ea-ef95-4cf6-98c5-6dc383dba396, #6366F1);
        cursor: pointer;
        box-shadow: 0 0 16px #6366f166;
        transition: all 0.2s ease;
        border-radius: 8px;
        --ww-element-transition: all 0.2s ease;
      }
      .ww-e-d7Y:where(:hover) {
        background-color: var(--efa00b7a-86b0-43f0-8cfb-273d88010e56, #4F46E5);
        box-shadow: 0 0 22px #6366f199;
        transform: translateY(-1px);
      }
      .ww-e-d7Z {
        padding: 6px 14px;
        font: var(--688c415b-0a7e-4cd5-9460-d4c99423e1c8, 500 13px/1 'Plus Jakarta Sans', sans-serif);
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: all 0.18s ease;
        border: var(--ww-style-border);
        border-radius: 6px;
        --ww-element-transition: all 0.18s ease;
      }
      .ww-e-d7Z:where(:hover) {
        color: #fff;
        background-color: #182234;
      }
      .ww-e-d9M {
        padding: 6px 14px;
        font: var(--688c415b-0a7e-4cd5-9460-d4c99423e1c8, 600 13px/1 'Plus Jakarta Sans', sans-serif);
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
        background: var(--ww-style-background-color);
        cursor: pointer;
        box-shadow: 0 0 12px #6366f159;
        transition: all 0.18s ease;
        border: var(--ww-style-border);
        border-radius: 6px;
        --ww-element-transition: all 0.18s ease;
      }
      .ww-e-d9O {
        padding: 6px 14px;
        font: var(--688c415b-0a7e-4cd5-9460-d4c99423e1c8, 500 13px/1 'Plus Jakarta Sans', sans-serif);
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: all 0.18s ease;
        border: var(--ww-style-border);
        border-radius: 6px;
        --ww-element-transition: all 0.18s ease;
      }
      .ww-e-d9O:where(:hover) {
        color: #fff;
        background-color: #182234;
      }
    }
  }
  @layer custom {
    .ww-e-d7X {
      object-fit: cover;
    }
  }
}
@layer ww-style-layout-override {
}
