@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-style-display {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-cursor {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-direction-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-wrap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-style-opacity {
  syntax: "*";
  inherits: false;
}
@property --ww-content-justify-content-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-align-items-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-row-gap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-column-gap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-style-box-shadow {
  syntax: "*";
  inherits: false;
}
@property --ww-style-transform {
  syntax: "*";
  inherits: false;
}
@property --ww-content-align-content-layout-flex {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
      .ww-e-dh6 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-di4 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-diQ {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhV {
        margin: 0;
        padding: 6px 10px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #07111f9e;
        border-bottom: 1px solid #22d3ee14;
      }
      .ww-e-dhV.ww-layout, .ww-e-dhV [data-ww-ls~="dhV"] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-diN {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-diX {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dii {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dgo {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-diM {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhI {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dia {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dgx {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-diD {
        margin: 0;
        padding: 6px 12px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #07111f9e;
        border-bottom: 1px solid #22d3ee14;
      }
      @media (max-width: 767px) {
        .ww-e-diD {
          padding: 6px 10px;
          display: flex;
          width: 100%;
          background-color: #07111f9e;
          border-bottom: 1px solid #22d3ee14;
        }
      }
      .ww-e-diD.ww-layout, .ww-e-diD [data-ww-ls~="diD"] {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-diD.ww-layout, .ww-e-diD [data-ww-ls~="diD"] {
          display: flex;
          flex-direction: row-reverse;
          justify-content: space-between;
          align-items: center;
          gap: 8px;
          flex-wrap: revert-layer;
        }
      }
      .ww-e-dgm {
        margin: 0;
        padding: 12px 24px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 16px;
        font-family: var(--ww-default-font-family);
        font-weight: 500;
        color: #fff;
        white-space-collapse: preserve;
        background-color: #3b82f6;
        cursor: pointer;
        box-shadow: 0 2px 4px #0000001a;
        transition: all 0.2s ease;
        border: none;
        border-radius: 8px;
        --ww-element-transition: all 0.2s ease;
      }
      @media (max-width: 767px) {
        .ww-e-dgm {
          padding: 5px;
          width: 100%;
          height: 28px;
          aspect-ratio: unset;
          font-size: 10px;
          background-color: #3ca8f6;
        }
      }
      .ww-e-dgm:where(:hover) {
        background-color: #2563eb;
        box-shadow: 0 4px 6px #0000001a;
        transform: translateY(-1px);
      }
      .ww-e-dgn {
        margin: 0;
        padding: 2px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dgn.ww-layout, .ww-e-dgn [data-ww-ls~="dgn"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dgp {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 16px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dgq {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dgq.ww-layout, .ww-e-dgq [data-ww-ls~="dgq"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dgr {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 16px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dgs {
        margin: 0;
        padding: 4px;
        z-index: unset;
        align-self: unset;
        display: flex;
        position: absolute;
        top: 8px;
        right: 8px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
      }
      .ww-e-dgs.ww-layout, .ww-e-dgs [data-ww-ls~="dgs"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dgt {
        margin: 12px;
        padding: 12px;
        z-index: 2;
        align-self: unset;
        display: flex;
        width: 320px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
      }
      .ww-e-dgt.ww-layout, .ww-e-dgt [data-ww-ls~="dgt"] {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        column-gap: 8px;
        flex-wrap: revert-layer;
      }
      .ww-e-dgu {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 16px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dgv {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 16px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dgw {
        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;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        font-weight: 500;
        color: #1f2937;
        white-space-collapse: preserve;
      }
      .ww-e-dgy {
        margin: 0;
        padding: 2px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dgy.ww-layout, .ww-e-dgy [data-ww-ls~="dgy"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dgz {
        margin: 0;
        padding: 4px;
        z-index: unset;
        align-self: unset;
        display: flex;
        position: absolute;
        top: 8px;
        right: 8px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
      }
      .ww-e-dgz.ww-layout, .ww-e-dgz [data-ww-ls~="dgz"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dh0 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dh0.ww-layout, .ww-e-dh0 [data-ww-ls~="dh0"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dh1 {
        margin: 2px 0 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;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        line-height: 1.5;
        color: #545454;
        white-space-collapse: preserve;
      }
      .ww-e-dh2 {
        margin: 0;
        padding: 0;
        overflow: hidden;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: calc(100vw - 28px);
        max-width: 580px;
        min-width: unset;
        height: auto;
        max-height: 84vh;
        min-height: 0;
        background-color: #102638;
        box-shadow: 0 22px 76px #00000080;
        border: 1px solid #567b8f;
        border-radius: 20px;
      }
      .ww-e-dh2.ww-layout, .ww-e-dh2 [data-ww-ls~="dh2"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dh3 {
        margin: 0;
        padding: 19px 18px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #132e40;
        border-bottom: 1px solid #30556b;
      }
      .ww-e-dh3.ww-layout, .ww-e-dh3 [data-ww-ls~="dh3"] {
        display: flex;
        flex-flow: column;
        gap: 9px;
      }
      .ww-e-dh4 {
        margin: 0;
        padding: 0 0 10px;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        line-height: 1.72;
        color: #dbeaf0;
        white-space-collapse: preserve;
      }
      .ww-e-dh5 {
        margin: 0;
        padding: 13px 18px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #132e40;
        border-top: 1px solid #35586b;
      }
      .ww-e-dh5.ww-layout, .ww-e-dh5 [data-ww-ls~="dh5"] {
        display: flex;
        flex-flow: column;
        gap: 7px;
      }
      .ww-e-dh7 {
        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;
        font-size: 20px;
        font-family: var(--ww-default-font-family);
        line-height: 1.25;
        font-weight: 850;
        color: #f6fbfd;
        white-space-collapse: preserve;
      }
      .ww-e-dh8 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 45px;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 850;
        color: #062130;
        white-space-collapse: preserve;
        background-color: #12c7da;
        cursor: pointer;
        transition: all .18s ease;
        border: 1px solid #29d3e6;
        border-radius: 12px;
        --ww-element-transition: all .18s ease;
      }
      .ww-e-dh8:where(:hover) {
        color: #062130;
        background-color: #47d7e6;
      }
      .ww-e-dh9 {
        margin: 0;
        padding: 0 0 10px;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        line-height: 1.72;
        color: #dbeaf0;
        white-space-collapse: preserve;
      }
      .ww-e-dhA {
        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;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        line-height: 1.7;
        color: #dbeaf0;
        white-space-collapse: preserve;
      }
      .ww-e-dhB {
        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;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        line-height: 1.72;
        color: #dbeaf0;
        white-space-collapse: preserve;
      }
      .ww-e-dhC {
        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;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        line-height: 1.72;
        color: #dbeaf0;
        white-space-collapse: preserve;
      }
      .ww-e-dhD {
        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;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        line-height: 1.72;
        color: #dbeaf0;
        white-space-collapse: preserve;
      }
      .ww-e-dhE {
        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;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        line-height: 1.72;
        color: #dbeaf0;
        white-space-collapse: preserve;
      }
      .ww-e-dhF {
        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;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        line-height: 1.72;
        color: #dbeaf0;
        white-space-collapse: preserve;
      }
      .ww-e-dhG {
        margin: 0;
        padding: 16px 18px;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 1 1 auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 0;
        background-color: #0f2435;
      }
      .ww-e-dhG.ww-layout, .ww-e-dhG [data-ww-ls~="dhG"] {
        display: flex;
        flex-flow: column;
        gap: 15px;
      }
      .ww-e-dhH {
        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;
        font-size: 21px;
        font-family: var(--ww-default-font-family);
        line-height: 1.25;
        font-weight: 850;
        color: #f6fbfd;
        white-space-collapse: preserve;
      }
      .ww-e-dhJ {
        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;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        line-height: 1.65;
        color: #dbeaf0;
        white-space-collapse: preserve;
      }
      .ww-e-dhK {
        margin: 0;
        padding: 11px;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 12px;
        font-family: var(--ww-default-font-family);
        line-height: 1.5;
        color: #f5cda0;
        white-space-collapse: preserve;
        background-color: #302828;
        border: 1px solid #855c5c;
        border-radius: 11px;
      }
      .ww-e-dhL {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhL.ww-layout, .ww-e-dhL [data-ww-ls~="dhL"] {
        display: flex;
        flex-flow: column;
        gap: 10px;
      }
      .ww-e-dhM {
        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;
        font-size: 11px;
        font-family: var(--ww-default-font-family);
        text-align: center;
        color: #a7c2ce;
        white-space-collapse: preserve;
      }
      .ww-e-dhN {
        margin: 0;
        padding: 8px;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 12px;
        font-family: var(--ww-default-font-family);
        line-height: 1.5;
        color: #ffd0d0;
        white-space-collapse: preserve;
        background-color: #352833;
        border: 1px solid #95505a;
        border-radius: 8px;
      }
      .ww-e-dhO {
        margin: 0;
        padding: 25px 21px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: calc(100vw - 28px);
        max-width: 460px;
        min-width: unset;
        height: auto;
        max-height: 80vh;
        min-height: unset;
        background-color: #102a3b;
        box-shadow: 0 20px 60px #0006;
        border: 1px solid #547a8c;
        border-radius: 19px;
      }
      .ww-e-dhO.ww-layout, .ww-e-dhO [data-ww-ls~="dhO"] {
        display: flex;
        flex-flow: column;
        gap: 15px;
      }
      .ww-e-dhP {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 12px;
        font-family: var(--ww-default-font-family);
        font-weight: 800;
        color: #d5eef3;
        white-space-collapse: preserve;
        background-color: #173d50;
        cursor: pointer;
        border: 1px solid #427286;
        border-radius: 11px;
      }
      .ww-e-dhQ {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 47px;
        font-size: 12px;
        font-family: var(--ww-default-font-family);
        font-weight: 850;
        color: #fff7f7;
        white-space-collapse: preserve;
        background-color: #a33c4b;
        cursor: pointer;
        transition: all .2s ease;
        border: 1px solid #d16d78;
        border-radius: 11px;
        --ww-element-transition: all .2s ease;
      }
      .ww-e-dhQ:where(:hover) {
        background-color: #c1495b;
        border: 1px solid #e68d99;
      }
      .ww-e-dhR {
        margin: 0;
        padding: 10px 11px;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 11px;
        font-family: var(--ww-default-font-family);
        line-height: 1.6;
        font-weight: 650;
        color: #bfdde5;
        white-space-collapse: preserve;
        background-color: #153246;
        border: 1px solid #30586b;
        border-radius: 9px;
      }
      .ww-e-dhS {
        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;
        font-size: 12px;
        font-family: var(--ww-default-font-family);
        line-height: 1.5;
        color: #c5dce5;
        white-space-collapse: preserve;
      }
      .ww-e-dhT {
        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;
        font-size: 11px;
        font-family: var(--ww-default-font-family);
        text-align: center;
        color: #afc4d0;
        white-space-collapse: preserve;
      }
      .ww-e-dhU {
        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;
        font-size: 10px;
        font-family: var(--ww-default-font-family);
        font-weight: 850;
        color: #e6c27b;
        letter-spacing: 1.5px;
        white-space-collapse: preserve;
      }
      .ww-e-dhW {
        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;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        font-weight: 500;
        color: #1f2937;
        white-space-collapse: preserve;
      }
      .ww-e-dhX {
        margin: 2px 0 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;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        line-height: 1.5;
        color: #545454;
        white-space-collapse: preserve;
      }
      .ww-e-dhY {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: revert-layer;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      @media (max-width: 767px) {
        .ww-e-dhY {
          margin: 0;
          width: revert-layer;
        }
      }
      .ww-e-dhZ {
        margin: 0;
        padding: 7px 11px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 10px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        color: #f8fafc;
        letter-spacing: .04em;
        white-space-collapse: preserve;
        background-color: #12263a80;
        border: 1px solid #22d3ee2e;
        border-radius: 9px;
      }
      .ww-e-dha {
        margin: 0 0 0 auto;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: revert-layer;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhb {
        margin: 0;
        padding: 9px 12px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 180px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0d1b2a;
        box-shadow: 0 12px 28px #00000047;
        border: 1px solid #22d3ee29;
        border-radius: 11px;
      }
      .ww-e-dhb.ww-layout, .ww-e-dhb [data-ww-ls~="dhb"] {
        display: flex;
        flex-flow: column;
        gap: 3px;
      }
      .ww-e-dhc {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: 940px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhc.ww-layout, .ww-e-dhc [data-ww-ls~="dhc"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dhd {
        margin: 0 6px 0 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhe {
        margin: 0 0 0 6px;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhf {
        margin: 0 6px 0 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhg {
        margin: 0 0 0 6px;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhh {
        margin: 2px 0 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;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        line-height: 1.5;
        color: #545454;
        white-space-collapse: preserve;
      }
      .ww-e-dhi {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 16px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhj {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 16px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhk {
        margin: 0;
        padding: 2px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhk.ww-layout, .ww-e-dhk [data-ww-ls~="dhk"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dhl {
        margin: 0;
        padding: 4px;
        z-index: unset;
        align-self: unset;
        display: flex;
        position: absolute;
        top: 8px;
        right: 8px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
      }
      .ww-e-dhl.ww-layout, .ww-e-dhl [data-ww-ls~="dhl"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dhm {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhm.ww-layout, .ww-e-dhm [data-ww-ls~="dhm"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dhn {
        margin: 12px;
        padding: 12px;
        z-index: 2;
        align-self: unset;
        display: flex;
        width: 320px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
      }
      .ww-e-dhn.ww-layout, .ww-e-dhn [data-ww-ls~="dhn"] {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        column-gap: 8px;
        flex-wrap: revert-layer;
      }
      .ww-e-dho {
        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;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        font-weight: 500;
        color: #1f2937;
        white-space-collapse: preserve;
      }
      .ww-e-dhp {
        margin: 0;
        padding: 12px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 260px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: calc(100vh - 90px);
        min-height: unset;
        background-color: #0d1b2a;
        box-shadow: 0 14px 34px #0000004d;
        border: 1px solid #22d3ee29;
        border-radius: 14px;
      }
      @media (max-width: 767px) {
        .ww-e-dhp {
          padding: 12px;
          display: flex;
          width: 260px;
          max-height: calc(100vh - 80px);
          background-color: #0d1b2a;
          box-shadow: 0 12px 28px #00000047;
          border: 1px solid #22d3ee29;
          border-radius: 14px;
        }
      }
      .ww-e-dhp.ww-layout, .ww-e-dhp [data-ww-ls~="dhp"] {
        display: flex;
        flex-flow: column;
        gap: 7px;
      }
      @media (max-width: 767px) {
        .ww-e-dhp.ww-layout, .ww-e-dhp [data-ww-ls~="dhp"] {
          display: flex;
          flex-flow: column;
          gap: 7px;
        }
      }
      .ww-e-dhq {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhr {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhs {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dht {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhu {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhv {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhw {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhx {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhy {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dhz {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: left;
        color: #f8fafc;
        white-space-collapse: preserve;
        background-color: #102337;
        border: 1px solid #1e3a4a;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-dhz {
          padding: 12px 14px;
          display: flex;
          font-size: 13px;
          font-weight: 700;
          color: #f8fafc;
          background-color: #102337;
          border: 1px solid #1e3a4a;
          border-radius: 10px;
        }
      }
      .ww-e-dhz:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-di0 {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: left;
        color: #f8fafc;
        white-space-collapse: preserve;
        background-color: #102337;
        border: 1px solid #1e3a4a;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-di0 {
          padding: 12px 14px;
          display: flex;
          font-size: 13px;
          font-weight: 700;
          color: #f8fafc;
          background-color: #102337;
          border: 1px solid #1e3a4a;
          border-radius: 10px;
        }
      }
      .ww-e-di0:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-di1 {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: left;
        color: #f8fafc;
        white-space-collapse: preserve;
        background-color: #102337;
        border: 1px solid #1e3a4a;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-di1 {
          padding: 12px 14px;
          display: flex;
          font-size: 13px;
          font-weight: 700;
          color: #f8fafc;
          background-color: #102337;
          border: 1px solid #1e3a4a;
          border-radius: 10px;
        }
      }
      .ww-e-di1:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-di2 {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: left;
        color: #f8fafc;
        white-space-collapse: preserve;
        background-color: #102337;
        border: 1px solid #1e3a4a;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-di2 {
          padding: 12px 14px;
          display: flex;
          font-size: 13px;
          font-weight: 700;
          color: #f8fafc;
          background-color: #102337;
          border: 1px solid #1e3a4a;
          border-radius: 10px;
        }
      }
      .ww-e-di2:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-di3 {
        margin: 8px auto 2px 0;
        padding: 9px 12px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 118px;
        max-width: 118px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 12px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        color: #fb5c93;
        white-space-collapse: preserve;
        background-color: #102337;
        cursor: pointer;
        border: 1px solid #fb5c93;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-di3 {
          margin: 8px auto 2px 0;
          padding: 9px 12px;
          display: flex;
          width: 118px;
          max-width: 118px;
          font-size: 12px;
          color: #fb5c93;
          background-color: #102337;
          border: 1px solid #fb5c93;
        }
      }
      .ww-e-di3:where(:hover) {
        background-color: #0d1b2a;
      }
      .ww-e-di5 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-di6 {
        margin: 0;
        padding: 24px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: min(92vw, 520px);
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        border: 1px solid #1e3a4a;
      }
      .ww-e-di6.ww-layout, .ww-e-di6 [data-ww-ls~="di6"] {
        display: flex;
        gap: 14px;
      }
      .ww-e-di7 {
        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;
        font-family: var(--ww-default-font-family);
        color: #f8fafc;
        white-space-collapse: preserve;
        border: 1px solid #1e3a4a;
      }
      .ww-e-di8 {
        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;
        font-family: var(--ww-default-font-family);
        color: #f8fafc;
        white-space-collapse: preserve;
        border: 1px solid #1e3a4a;
      }
      .ww-e-di9 {
        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;
        font-family: var(--ww-default-font-family);
        color: #f8fafc;
        white-space-collapse: preserve;
        border: 1px solid #1e3a4a;
      }
      .ww-e-diA {
        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;
        font-family: var(--ww-default-font-family);
        color: #f8fafc;
        white-space-collapse: preserve;
        border: 1px solid #1e3a4a;
      }
      .ww-e-diB {
        margin: 0;
        padding: 12px 18px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
        color: #07111f;
        white-space-collapse: preserve;
        cursor: pointer;
        transition: all 180ms ease;
        --ww-element-transition: all 180ms ease;
      }
      .ww-e-diC {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: left;
        color: #f8fafc;
        white-space-collapse: preserve;
        background-color: #102337;
        border: 1px solid #1e3a4a;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-diC {
          padding: 12px 14px;
          display: flex;
          font-size: 13px;
          font-weight: 700;
          color: #f8fafc;
          background-color: #102337;
          border: 1px solid #1e3a4a;
          border-radius: 10px;
        }
      }
      .ww-e-diC:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-diE {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: left;
        color: #f8fafc;
        white-space-collapse: preserve;
        background-color: #102337;
        border: 1px solid #1e3a4a;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-diE {
          padding: 12px 14px;
          display: flex;
          font-size: 13px;
          font-weight: 700;
          color: #f8fafc;
          background-color: #102337;
          border: 1px solid #1e3a4a;
          border-radius: 10px;
        }
      }
      .ww-e-diE:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-diF {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: left;
        color: #f8fafc;
        white-space-collapse: preserve;
        background-color: #102337;
        border: 1px solid #1e3a4a;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-diF {
          padding: 12px 14px;
          display: flex;
          font-size: 13px;
          font-weight: 700;
          color: #f8fafc;
          background-color: #102337;
          border: 1px solid #1e3a4a;
          border-radius: 10px;
        }
      }
      .ww-e-diF:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-diG {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: left;
        color: #f8fafc;
        white-space-collapse: preserve;
        background-color: #102337;
        border: 1px solid #1e3a4a;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-diG {
          padding: 12px 14px;
          display: flex;
          font-size: 13px;
          font-weight: 700;
          color: #f8fafc;
          background-color: #102337;
          border: 1px solid #1e3a4a;
          border-radius: 10px;
        }
      }
      .ww-e-diG:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-diH {
        margin: 0;
        padding: 9px 10px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 10px;
        font-family: var(--ww-default-font-family);
        font-weight: 600;
        text-align: left;
        color: #94a3b8;
        white-space-collapse: preserve;
        background-color: #0000;
        border: 0 solid #0000;
        border-radius: 8px;
      }
      .ww-e-diH:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-diI {
        margin: 0;
        padding: 9px 10px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 10px;
        font-family: var(--ww-default-font-family);
        font-weight: 600;
        text-align: left;
        color: #94a3b8;
        white-space-collapse: preserve;
        background-color: #0000;
        border: 0 solid #0000;
        border-radius: 8px;
      }
      .ww-e-diI:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-diJ {
        margin: 0;
        padding: 9px 10px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 10px;
        font-family: var(--ww-default-font-family);
        font-weight: 600;
        text-align: left;
        color: #94a3b8;
        white-space-collapse: preserve;
        background-color: #0000;
        border: 0 solid #0000;
        border-radius: 8px;
      }
      .ww-e-diJ:where(:hover) {
        padding: 9px 10px;
        color: #f8fafc;
        background-color: #22d3ee1a;
        border: 1px solid #22d3ee38;
      }
      .ww-e-diK {
        margin: 0;
        z-index: 101;
        align-self: unset;
        display: flex;
        position: revert-layer;
        inset: revert-layer;
        width: 90px;
        max-width: unset;
        min-width: 90px;
        height: 38px;
        max-height: unset;
        min-height: unset;
        font-size: 10px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        color: #f8fafc;
        letter-spacing: .04em;
        white-space-collapse: preserve;
        background-color: #12263a80;
        border: 1px solid #22d3ee2e;
        border-radius: 10px;
      }
      .ww-e-diL {
        margin: 0;
        padding: 12px 24px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 16px;
        font-family: var(--ww-default-font-family);
        font-weight: 500;
        color: #fff;
        white-space-collapse: preserve;
        background-color: #3b82f6;
        box-shadow: 0 2px 4px #0000001a;
        border: none;
        border-radius: 8px;
      }
      @media (max-width: 767px) {
        .ww-e-diL {
          margin: 10px 0 15px;
          padding: 5px;
          width: auto;
          height: 28px;
          aspect-ratio: unset;
          font-size: 10px;
          font-weight: 400;
          background-color: #3ca8f6;
        }
      }
      .ww-e-diL:where(:hover) {
        background-color: #2563eb;
        box-shadow: 0 4px 6px #0000001a;
        transform: translateY(-1px);
      }
      .ww-e-diO {
        margin: 0;
        padding: 24px;
        z-index: 100000;
        align-self: unset;
        display: none;
        width: 320px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 160px;
        background-color: #fff;
        border-radius: 20px;
      }
      .ww-e-diO.ww-layout, .ww-e-diO [data-ww-ls~="diO"] {
        display: none;
      }
      .ww-e-diP {
        margin: 12px;
        padding: 24px;
        z-index: 9999;
        align-self: unset;
        display: flex;
        position: revert-layer;
        inset: revert-layer;
        width: 90%;
        max-width: 420px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 180px;
        background-color: #fff;
        opacity: 1;
        border: 1px solid #e6e6e6;
        border-radius: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-diP {
          width: revert-layer;
        }
      }
      .ww-e-diP.ww-layout, .ww-e-diP [data-ww-ls~="diP"] {
        display: flex;
        flex-flow: column;
        column-gap: 8px;
      }
      .ww-e-diR {
        margin: 0;
        padding: 28px;
        z-index: 9999;
        align-self: unset;
        display: flex;
        position: revert-layer;
        inset: revert-layer;
        width: 90%;
        max-width: 420px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 180px;
        background-color: #fff;
        border-radius: 18px;
      }
      .ww-e-diR.ww-layout, .ww-e-diR [data-ww-ls~="diR"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
      }
      .ww-e-diS {
        margin: 0 0 10px;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 48px;
        font-family: var(--ww-default-font-family);
        white-space-collapse: preserve;
      }
      .ww-e-diT {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-family: var(--ww-default-font-family);
        white-space-collapse: preserve;
      }
      .ww-e-diU {
        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;
        font-family: var(--ww-default-font-family);
        color: #f8fafc;
        white-space-collapse: preserve;
      }
      .ww-e-diV {
        margin: 0 0 16px;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 24px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: center;
        white-space-collapse: preserve;
      }
      .ww-e-diW {
        margin: 0 0 24px;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 16px;
        font-family: var(--ww-default-font-family);
        text-align: center;
        white-space-collapse: preserve;
      }
      .ww-e-diY {
        margin: 0;
        padding: 16px;
        overflow: hidden;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: min(94vw, 1050px);
        max-width: unset;
        min-width: unset;
        height: min(92vh, 900px);
        max-height: unset;
        min-height: unset;
        background-color: #071820;
        border: 1px solid #31d8e8;
        border-radius: 16px;
      }
      .ww-e-diY.ww-layout, .ww-e-diY [data-ww-ls~="diY"] {
        display: flex;
        flex-flow: column;
        gap: 12px;
      }
      .ww-e-diZ {
        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;
        font-size: 18px;
        font-family: var(--ww-default-font-family);
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
      }
      .ww-e-dib {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        flex: 1 1 auto;
        max-width: unset;
        min-width: unset;
        height: 100%;
        max-height: unset;
        min-height: 65vh;
        background-color: #fff;
        border: 0 none;
        border-radius: 10px;
      }
      .ww-e-dic {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dic.ww-layout, .ww-e-dic [data-ww-ls~="dic"] {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .ww-e-did {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 42px;
        max-width: unset;
        min-width: unset;
        height: 42px;
        max-height: unset;
        min-height: unset;
        font-size: 20px;
        font-family: var(--ww-default-font-family);
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
        background-color: #0d2430;
        transition: transform 160ms ease, background-color 160ms ease;
        border: 1px solid #31d8e8;
        border-radius: 50%;
        --ww-element-transition: transform 160ms ease, background-color 160ms ease;
      }
      .ww-e-did:where(:hover) {
        background-color: #12313d;
        transform: scale(1.06);
      }
      .ww-e-die {
        margin: 0;
        padding: 24px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: min(92vw, 480px);
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #07111f;
        border: 1px solid #22d3ee;
        border-radius: 18px;
      }
      .ww-e-die.ww-layout, .ww-e-die [data-ww-ls~="die"] {
        display: flex;
        flex-flow: column;
        gap: 14px;
      }
      .ww-e-dif {
        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;
        font-size: 20px;
        font-family: var(--ww-default-font-family);
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
      }
      .ww-e-dig {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dih {
        margin: 0;
        padding: 11px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
        font-weight: 800;
        color: #07111f;
        white-space-collapse: preserve;
        background-color: #22d3ee;
        cursor: pointer;
        border-radius: 999px;
      }
      .ww-e-dih:where(:hover) {
        transform: translateY(-2px);
      }
      .ww-e-dij {
        margin: 0;
        padding: 10px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        text-align: left;
        color: #f8fafc;
        white-space-collapse: preserve;
        background-color: #0000;
        cursor: pointer;
        border-radius: 8px;
      }
      .ww-e-dij:where(:hover) {
        color: #22d3ee;
        background-color: #22d3ee1a;
      }
    }
    @layer custom {
      .ww-e-dhV {
        box-sizing: border-box;
      }
      @media (min-width: 992px) {
        .ww-e-diD {
          box-sizing: border-box;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-diD {
          box-sizing: border-box;
        }
      }
      @media (max-width: 767px) {
        .ww-e-diD {
          box-sizing: border-box;
        }
      }
      .ww-e-dh4 {
        white-space: pre-line;
      }
      .ww-e-dh9 {
        white-space: pre-line;
      }
      .ww-e-dhA {
        white-space: pre-line;
      }
      .ww-e-dhB {
        white-space: pre-line;
      }
      .ww-e-dhC {
        white-space: pre-line;
      }
      .ww-e-dhD {
        white-space: pre-line;
      }
      .ww-e-dhE {
        white-space: pre-line;
      }
      .ww-e-dhF {
        white-space: pre-line;
      }
      .ww-e-dhG {
        overflow-y: auto;
      }
      .ww-e-dhO {
        overflow-y: auto;
      }
      .ww-e-dhb {
        box-sizing: border-box;
      }
      @media (min-width: 992px) {
        .ww-e-dhp {
          overflow: hidden auto;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-dhp {
          overflow: hidden auto;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dhp {
          box-sizing: border-box;
          overflow: hidden auto;
          overscroll-behavior: contain;
        }
      }
      @media (min-width: 992px) {
        .ww-e-di3 {
          align-self: center;
          box-sizing: border-box;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-di3 {
          align-self: center;
          box-sizing: border-box;
        }
      }
      @media (max-width: 767px) {
        .ww-e-di3 {
          align-self: center;
          box-sizing: border-box;
        }
      }
      .ww-e-di6 {
        border-radius: 18px;
        flex-direction: column;
        background-color: #0d1b2a;
      }
      .ww-e-di7 {
        border-radius: 10px;
        background-color: #12263a;
      }
      .ww-e-di8 {
        border-radius: 10px;
        background-color: #12263a;
      }
      .ww-e-di9 {
        border-radius: 10px;
        background-color: #12263a;
      }
      .ww-e-diA {
        border-radius: 10px;
        background-color: #12263a;
      }
      .ww-e-diB {
        font-weight: 700;
        border-radius: 10px;
        background-color: #22d3ee;
      }
      .ww-e-diP {
        visibility: visible;
      }
      .ww-e-diU {
        font-size: 22px;
        font-weight: 700;
      }
    }
  }
  @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-ah5kXiW44wImNtcA {
        height: auto;
        z-index: unset;
        max-height: unset;
      }
      .ww-a--KGRjBBOtDBhGNXy {
        width: 100%;
        max-width: unset;
        min-width: unset;
        max-height: unset;
      }
    }
    @layer ordered {
      .ww-s-d17 {
        min-height: 100vh;
        display: flex;
        background-color: #07111f;
      }
      .ww-s-d17 > .ww-section-element {
        padding: 64px 24px;
        min-height: 100vh;
      }
      @media (max-width: 767px) {
        .ww-s-d17 > .ww-section-element {
          padding: 32px 16px;
        }
      }
      .ww-s-d17 > .ww-section-element.ww-layout {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
      }
    }
  }
  @layer custom {
  }
}
@layer ww-style-element {
  @layer normal, custom;
  @layer normal {
    @layer atomic, ordered;
    @layer atomic {
      .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-7z7Fp3CUQKsvog5J {
        margin: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
      }
      .ww-a-YyvtQJ1aALxh3-nO {
        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;
        font-family: var(--ww-default-font-family);
      }
      .ww-a-Pl_ddFv4O7h7sQ1q {
        padding: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-3tJBOiCg_zaOJAaU {
        padding: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-YRfn88Fc_a_pUrQN {
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-UwZcNhn5pQq8yQgY {
        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;
        font-family: var(--ww-default-font-family);
      }
      .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-ZUlLyTg5tkWY6URX {
        margin: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
      }
      .ww-a-KGd9mkrHibbFBfIk {
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
      }
      .ww-a-Ie9dekYkujbdwNjE {
        margin: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
      }
      .ww-a-XMNgqUZITcWnfqZ3 {
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
      }
      .ww-a-bz1Dtfovudlkg0nb {
        padding: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
      }
    }
    @layer ordered {
      .ww-e-ddH {
        padding: 20px;
        display: flex;
        width: 100%;
        background-color: #101f33;
        border: 2px solid #22d3ee;
        border-radius: 16px;
      }
      .ww-e-ddH.ww-layout, .ww-e-ddH [data-ww-ls~="ddH"] {
        display: flex;
        flex-flow: column;
        gap: 8px;
      }
      .ww-e-ddI {
        padding: 2px;
        font-size: 17px;
        line-height: 1;
        white-space-collapse: preserve;
        cursor: pointer;
        transition: transform .15s ease;
        border-radius: 999px;
        --ww-element-transition: transform .15s ease;
      }
      @media (max-width: 767px) {
        .ww-e-ddI {
          font-size: 17px;
        }
      }
      .ww-e-ddI:where(:hover) {
        transform: translateY(-2px) scale(1.08);
      }
      .ww-e-ddJ {
        padding: 2px;
        font-size: 17px;
        line-height: 1;
        white-space-collapse: preserve;
        cursor: pointer;
        transition: transform .15s ease;
        border-radius: 999px;
        --ww-element-transition: transform .15s ease;
      }
      @media (max-width: 767px) {
        .ww-e-ddJ {
          font-size: 17px;
        }
      }
      .ww-e-ddJ:where(:hover) {
        transform: translateY(-2px) scale(1.08);
      }
      .ww-e-ddK {
        padding: 2px;
        font-size: 17px;
        line-height: 1;
        white-space-collapse: preserve;
        cursor: pointer;
        transition: transform .15s ease;
        border-radius: 999px;
        --ww-element-transition: transform .15s ease;
      }
      @media (max-width: 767px) {
        .ww-e-ddK {
          font-size: 17px;
        }
      }
      .ww-e-ddK:where(:hover) {
        transform: translateY(-2px) scale(1.08);
      }
      .ww-e-ddL {
        padding: 6px 8px;
        width: fit-content;
        font-size: 10px;
        font-weight: 900;
        color: #071523;
        white-space-collapse: preserve;
        background-color: #f5c451;
        border-radius: 999px;
      }
      .ww-e-ddM {
        font-size: 12px;
        line-height: 1.45;
        color: #d8e2ef;
        white-space-collapse: preserve;
      }
      .ww-e-ddN {
        font-size: 10px;
        font-weight: 800;
        text-align: center;
        color: #91a4bb;
        letter-spacing: .5px;
        white-space-collapse: preserve;
      }
      .ww-e-ddO {
        padding: 2px;
        font-size: 17px;
        line-height: 1;
        white-space-collapse: preserve;
        cursor: pointer;
        transition: transform .15s ease;
        border-radius: 999px;
        --ww-element-transition: transform .15s ease;
      }
      @media (max-width: 767px) {
        .ww-e-ddO {
          font-size: 17px;
        }
      }
      .ww-e-ddO:where(:hover) {
        transform: translateY(-2px) scale(1.08);
      }
      .ww-e-ddP {
        padding: 2px;
        font-size: 17px;
        line-height: 1;
        white-space-collapse: preserve;
        cursor: pointer;
        transition: transform .15s ease;
        border-radius: 999px;
        --ww-element-transition: transform .15s ease;
      }
      @media (max-width: 767px) {
        .ww-e-ddP {
          font-size: 17px;
        }
      }
      .ww-e-ddP:where(:hover) {
        transform: translateY(-2px) scale(1.08);
      }
      .ww-e-ddQ {
        margin: 4px 0 0;
        display: grid;
        width: 100%;
      }
      .ww-e-ddQ.ww-layout, .ww-e-ddQ [data-ww-ls~="ddQ"] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      @media (max-width: 767px) {
        .ww-e-ddQ.ww-layout, .ww-e-ddQ [data-ww-ls~="ddQ"] {
          grid-template-columns: 1fr;
        }
      }
      .ww-e-ddR {
        font-size: 12px;
        font-weight: 900;
        text-align: center;
        color: #22d3ee;
        letter-spacing: 1.6px;
        white-space-collapse: preserve;
      }
      .ww-e-ddS {
        margin: 8px 0 0;
        display: none;
        width: 100%;
      }
      .ww-e-ddS.ww-layout, .ww-e-ddS [data-ww-ls~="ddS"] {
        display: none;
      }
      .ww-e-ddT {
        padding: 22px;
        display: flex;
        background-color: #0e1d31;
        border: 1px solid #ffffff29;
        border-radius: 16px;
      }
      .ww-e-ddT.ww-layout, .ww-e-ddT [data-ww-ls~="ddT"] {
        display: flex;
        flex-flow: column;
        gap: 8px;
      }
      .ww-e-ddU {
        font-size: 25px;
        font-weight: 900;
        color: #22d3ee;
        white-space-collapse: preserve;
      }
      .ww-e-ddV {
        margin: 0 auto 4px;
        display: block;
        width: 150px;
        height: 70px;
        --wwi-of: contain;
      }
      @media (max-width: 767px) {
        .ww-e-ddV {
          margin: 0 auto 2px;
          width: 130px;
          height: 60px;
        }
      }
      .ww-e-ddW {
        margin: 0 auto 8px;
        padding: 4px 7px;
        display: flex;
        width: 100%;
        background-color: #07111f52;
        border-radius: 999px;
      }
      @media (max-width: 767px) {
        .ww-e-ddW {
          padding: 4px 6px;
        }
      }
      .ww-e-ddW.ww-layout, .ww-e-ddW [data-ww-ls~="ddW"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-ddW.ww-layout, .ww-e-ddW [data-ww-ls~="ddW"] {
          gap: 5px;
        }
      }
      .ww-e-ddX {
        padding: 13px;
        font-size: 11px;
        font-weight: 900;
        color: #071523;
        white-space-collapse: preserve;
        background-color: #f5c451;
        cursor: pointer;
        opacity: 1;
        border-radius: 10px;
      }
      .ww-e-ddY {
        padding: 13px;
        font-size: 11px;
        font-weight: 900;
        color: #fff;
        white-space-collapse: preserve;
        background-color: #ffffff14;
        cursor: pointer;
        opacity: 1;
        border: 1px solid #ffffff2e;
        border-radius: 10px;
      }
      .ww-e-ddZ {
        width: 100%;
        font-size: 13px;
        line-height: 1.5;
        color: #bcefe0;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-ddZ {
          font-size: 14px;
        }
      }
      .ww-e-dda {
        margin: 0 auto;
        padding: 32px;
        display: flex;
        width: 100%;
        max-width: 760px;
        background-color: #0b1728;
        border: 1px solid #ffffff1f;
        border-radius: 22px;
      }
      @media (max-width: 767px) {
        .ww-e-dda {
          padding: 24px 18px;
          border-radius: 18px;
        }
      }
      .ww-e-dda.ww-layout, .ww-e-dda [data-ww-ls~="dda"] {
        display: flex;
        flex-flow: column;
        gap: 16px;
      }
      .ww-e-ddb {
        padding: 13px 18px;
        width: 100%;
        font-size: 14px;
        font-weight: 800;
        color: #d7f9ff;
        white-space-collapse: preserve;
        background-color: #12364e;
        cursor: pointer;
        border: 1px solid #22d3ee;
        border-radius: 12px;
      }
      @media (max-width: 767px) {
        .ww-e-ddb {
          width: 100%;
          font-size: 14px;
        }
      }
      .ww-e-ddb:where(:hover) {
        background-color: #17617c;
      }
      .ww-e-ddc {
        font-size: 30px;
        line-height: 1.1;
        font-weight: 900;
        text-align: center;
        color: #fff;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-ddc {
          font-size: 25px;
        }
      }
      .ww-e-ddd {
        padding: 2px;
        font-size: 17px;
        line-height: 1;
        white-space-collapse: preserve;
        cursor: pointer;
        transition: transform .15s ease;
        border-radius: 999px;
        --ww-element-transition: transform .15s ease;
      }
      @media (max-width: 767px) {
        .ww-e-ddd {
          font-size: 17px;
        }
      }
      .ww-e-ddd:where(:hover) {
        transform: translateY(-2px) scale(1.08);
      }
      .ww-e-dde {
        font-size: 12px;
        line-height: 1.45;
        color: #b7c6d8;
        white-space-collapse: preserve;
      }
      .ww-e-ddf {
        font-size: 11px;
        font-weight: 900;
        color: #22d3ee;
        letter-spacing: 1px;
        white-space-collapse: preserve;
      }
      .ww-e-ddg {
        margin: 10px 0 0;
        padding: 14px 16px;
        display: var(--ww-style-display);
        width: 100%;
        font-size: 13px;
        font-weight: 800;
        color: #071523;
        white-space-collapse: preserve;
        background-color: #f7c948;
        cursor: pointer;
        transition: transform .18s ease;
        border-radius: 10px;
        --ww-element-transition: transform .18s ease;
      }
      .ww-e-ddg:where(:hover) {
        transform: translateY(-2px);
      }
      .ww-e-ddh {
        font-size: 12px;
        font-weight: 900;
        color: #4ade80;
        white-space-collapse: preserve;
      }
      .ww-e-ddi {
        padding: 14px;
        display: block;
        font-size: 11px;
        line-height: 1.55;
        color: #d8e2ef;
        white-space-collapse: preserve;
        background-color: #f5c45112;
        border: 1px solid #f5c4513d;
        border-radius: 10px;
      }
      .ww-e-ddj {
        margin: 10px 0 0;
        padding: 12px;
        width: 100%;
        font-size: 12px;
        font-weight: 900;
        text-align: center;
        color: #071523;
        white-space-collapse: preserve;
        background-color: #f5c451;
        cursor: pointer;
        transition: transform .18s ease, opacity .18s ease;
        border-radius: 10px;
        --ww-element-transition: transform .18s ease, opacity .18s ease;
      }
      .ww-e-ddj:where(:hover) {
        opacity: 0.92;
        transform: translateY(-2px);
      }
      .ww-e-ddk {
        font-size: 14px;
        font-weight: 900;
        color: #fff;
        white-space-collapse: preserve;
      }
      .ww-e-ddl {
        font-size: 25px;
        font-weight: 900;
        color: #f5c451;
        white-space-collapse: preserve;
      }
      .ww-e-ddm {
        padding: 22px;
        display: flex;
        background-color: #111e31;
        border: 2px solid #f5c451;
        border-radius: 16px;
      }
      .ww-e-ddm.ww-layout, .ww-e-ddm [data-ww-ls~="ddm"] {
        display: flex;
        flex-flow: column;
        gap: 8px;
      }
      .ww-e-ddn {
        margin: 10px 0 0;
        padding: 12px;
        width: 100%;
        font-size: 12px;
        font-weight: 900;
        text-align: center;
        color: #071523;
        white-space-collapse: preserve;
        background-color: #22d3ee;
        cursor: pointer;
        transition: transform .18s ease, opacity .18s ease;
        border-radius: 10px;
        --ww-element-transition: transform .18s ease, opacity .18s ease;
      }
      .ww-e-ddn:where(:hover) {
        opacity: 0.92;
        transform: translateY(-2px);
      }
      .ww-e-ddo {
        padding: 2px;
        font-size: 17px;
        line-height: 1;
        white-space-collapse: preserve;
        cursor: pointer;
        transition: transform .15s ease;
        border-radius: 999px;
        --ww-element-transition: transform .15s ease;
      }
      @media (max-width: 767px) {
        .ww-e-ddo {
          font-size: 17px;
        }
      }
      .ww-e-ddo:where(:hover) {
        transform: translateY(-2px) scale(1.08);
      }
      .ww-e-ddp {
        font-size: 14px;
        font-weight: 900;
        color: #fff;
        white-space-collapse: preserve;
      }
      .ww-e-ddq {
        padding: 2px;
        font-size: 17px;
        line-height: 1;
        white-space-collapse: preserve;
        cursor: pointer;
        transition: transform .15s ease;
        border-radius: 999px;
        --ww-element-transition: transform .15s ease;
      }
      @media (max-width: 767px) {
        .ww-e-ddq {
          font-size: 17px;
        }
      }
      .ww-e-ddq:where(:hover) {
        transform: translateY(-2px) scale(1.08);
      }
      .ww-e-ddr {
        margin: 4px 0 0;
        padding: 11px 14px;
        width: 100%;
        font-size: 12px;
        font-weight: 800;
        color: #d8e2ef;
        white-space-collapse: preserve;
        background-color: #0000;
        cursor: pointer;
        transition: transform .18s ease, border-color .18s ease, color .18s ease;
        border: 1px solid #ffffff2e;
        border-radius: 10px;
        --ww-element-transition: transform .18s ease, border-color .18s ease, color .18s ease;
      }
      .ww-e-ddr:where(:hover) {
        color: #fff;
        transform: translateY(-2px);
      }
      .ww-e-dds {
        padding: 13px;
        font-size: 11px;
        font-weight: 900;
        color: #fff;
        white-space-collapse: preserve;
        background-color: #ffffff14;
        cursor: pointer;
        opacity: 1;
        border: 1px solid #ffffff2e;
        border-radius: 10px;
      }
      .ww-e-ddt {
        margin: 6px 0 0;
        display: none;
        font-size: 11px;
        line-height: 1.45;
        text-align: center;
        color: #91a4bb;
        white-space-collapse: preserve;
      }
      .ww-e-ddu {
        padding: 10px;
        font-size: 10px;
        line-height: 1.45;
        color: #d8e2ef;
        white-space-collapse: preserve;
        background-color: #f5c45114;
        border: 1px solid #f5c45138;
        border-radius: 8px;
      }
      .ww-e-ddv {
        font-size: 14px;
        line-height: 1.55;
        text-align: center;
        color: #d8e2ef;
        white-space-collapse: preserve;
      }
      .ww-e-ddw {
        font-size: 20px;
        font-weight: 900;
        color: #f5c451;
        white-space-collapse: preserve;
      }
      .ww-e-ddx {
        font-size: 12px;
        font-weight: 700;
        color: #b9c7d8;
        white-space-collapse: preserve;
      }
      .ww-e-ddy {
        padding: 13px;
        font-size: 11px;
        font-weight: 900;
        color: #071523;
        white-space-collapse: preserve;
        background-color: #22d3ee;
        cursor: pointer;
        opacity: 1;
        border-radius: 10px;
      }
      .ww-e-ddz {
        margin: 10px 0 0;
        padding: 12px 14px;
        display: var(--ww-style-display);
        width: 100%;
        font-size: 12px;
        font-weight: 800;
        text-align: center;
        color: #eafbff;
        white-space-collapse: preserve;
        border: 1px solid #22d3ee;
        border-radius: 10px;
      }
    }
  }
  @layer custom {
    @media (min-width: 992px) {
      .ww-e-ddV {
        order: -1;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .ww-e-ddV {
        order: -1;
      }
    }
    @media (max-width: 767px) {
      .ww-e-ddV {
        order: -1;
      }
    }
    .ww-e-ddW {
      backdrop-filter: blur(8px);
    }
    .ww-e-ddr:where(:hover) {
      border-color: #22d3ee;
    }
  }
}
@layer ww-style-layout-override {
}