@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-opacity {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border-bottom {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background {
  syntax: "*";
  inherits: false;
}
@property --ww-style-display {
  syntax: "*";
  inherits: false;
}
@property --ww-style-width {
  syntax: "*";
  inherits: false;
}
@property --ww-style-transform {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border {
  syntax: "*";
  inherits: false;
}
@property --ww-style-top-positioned-fallback {
  syntax: "*";
  inherits: false;
}
@property --ww-style-left {
  syntax: "*";
  inherits: false;
}
@property --ww-style-height {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-gradient {
  syntax: "*";
  inherits: false;
}
@property --ww-style-box-shadow {
  syntax: "*";
  inherits: false;
}
@property --ww-style-top {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-direction-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-content-flex-wrap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-style-cursor {
  syntax: "*";
  inherits: false;
}
@property --ww-style-margin {
  syntax: "*";
  inherits: false;
}
@property --ww-content-grid-template-columns-layout-grid {
  syntax: "*";
  inherits: false;
}
@property --ww-content-column-gap-layout-grid {
  syntax: "*";
  inherits: false;
}
@property --ww-content-row-gap-layout-grid {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-image {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
      .ww-e-dJ1 {
        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-dJE {
        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-dIO {
        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-dIO.ww-layout, .ww-e-dIO [data-ww-ls~="dIO"] {
        display: flex;
      }
      .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-dIM.ww-layout, .ww-e-dIM [data-ww-ls~="dIM"] {
        display: flex;
      }
      .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-dIN.ww-layout, .ww-e-dIN [data-ww-ls~="dIN"] {
        display: flex;
      }
      .ww-e-dIl {
        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-dIZ {
        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-dIP {
        margin: 0;
        padding: 14px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 14px;
      }
      .ww-e-dIP:where(:hover) {
        background-color: #ffffff0f;
      }
      .ww-e-dIP.ww-layout, .ww-e-dIP [data-ww-ls~="dIP"] {
        display: flex;
        align-items: center;
      }
      .ww-e-dIQ {
        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: 15px;
        font-family: Inter;
        font-weight: 600;
        color: #f4f5f7;
        white-space-collapse: preserve;
      }
      .ww-e-dIR {
        margin: 0;
        padding: 14px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 14px;
      }
      .ww-e-dIR:where(:hover) {
        background-color: #ffffff0f;
      }
      .ww-e-dIR.ww-layout, .ww-e-dIR [data-ww-ls~="dIR"] {
        display: flex;
        align-items: center;
      }
      .ww-e-dIS {
        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: 15px;
        font-family: Inter;
        font-weight: 600;
        color: #f4f5f7;
        white-space-collapse: preserve;
      }
      .ww-e-dIT {
        margin: 0;
        padding: 14px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 14px;
      }
      .ww-e-dIT:where(:hover) {
        background-color: #ffffff0f;
      }
      .ww-e-dIT.ww-layout, .ww-e-dIT [data-ww-ls~="dIT"] {
        display: flex;
        align-items: center;
      }
      .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-size: 15px;
        font-family: Inter;
        font-weight: 600;
        color: #f4f5f7;
        white-space-collapse: preserve;
      }
      .ww-e-dIV {
        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-dIV.ww-layout, .ww-e-dIV [data-ww-ls~="dIV"] {
        display: flex;
        flex-flow: column;
        gap: 12px;
      }
      .ww-e-dIW {
        margin: 0;
        padding: 12px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        transition: background-color .15s ease;
        border-radius: 10px;
      }
      .ww-e-dIW:where(:hover) {
        background-color: #0b1f330d;
      }
      .ww-e-dIW.ww-layout, .ww-e-dIW [data-ww-ls~="dIW"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        flex-wrap: revert-layer;
      }
      .ww-e-dIX {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 18px;
        max-width: unset;
        min-width: unset;
        height: 18px;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dIY {
        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: 600;
        color: #fff;
        white-space-collapse: preserve;
      }
      .ww-e-dIa {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background-color: #ffffff14;
        cursor: pointer;
        transition: background-color .15s ease;
        border-radius: 999px;
      }
      .ww-e-dIa:where(:hover) {
        background-color: #ffffff29;
      }
      .ww-e-dIa.ww-layout, .ww-e-dIa [data-ww-ls~="dIa"] {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .ww-e-dIb {
        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: 17px;
        font-family: var(--ww-default-font-family);
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
      }
      .ww-e-dIc {
        margin: 0 0 8px;
        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-dIc.ww-layout, .ww-e-dIc [data-ww-ls~="dIc"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dId {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 18px;
        max-width: unset;
        min-width: unset;
        height: 18px;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dIe {
        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-dIe.ww-layout, .ww-e-dIe [data-ww-ls~="dIe"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dIf {
        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-dIf.ww-layout, .ww-e-dIf [data-ww-ls~="dIf"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      .ww-e-dIg {
        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);
        color: #ffffff59;
        white-space-collapse: preserve;
      }
      .ww-e-dIh {
        margin: 0;
        padding: 18px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 340px;
        max-width: 92vw;
        min-width: unset;
        height: auto;
        max-height: 80vh;
        min-height: unset;
        background-color: #0b1f33;
        box-shadow: 0 24px 60px #00000073;
        border: 1px solid #ffffff1a;
        border-radius: 20px;
      }
      @media (max-width: 767px) {
        .ww-e-dIh {
          padding: 16px;
          display: flex;
          width: 92vw;
          max-height: 80vh;
          background-color: #0b1f33;
          border: 1px solid #ffffff1a;
          border-radius: 18px;
        }
      }
      .ww-e-dIh.ww-layout, .ww-e-dIh [data-ww-ls~="dIh"] {
        display: flex;
        flex-flow: column;
        gap: 4px;
      }
      @media (max-width: 767px) {
        .ww-e-dIh.ww-layout, .ww-e-dIh [data-ww-ls~="dIh"] {
          display: flex;
          flex-flow: column;
          gap: 4px;
        }
      }
      .ww-e-dIi {
        margin: 0;
        padding: 4px 6px;
        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);
        font-weight: 700;
        color: #ff5a00;
        white-space-collapse: preserve;
        cursor: pointer;
      }
      .ww-e-dIj {
        margin: 12px 0 0;
        padding: 12px 0 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;
        border-top: 1px solid #ffffff14;
      }
      .ww-e-dIj.ww-layout, .ww-e-dIj [data-ww-ls~="dIj"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dIk {
        margin: 0;
        padding: 4px 6px;
        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);
        font-weight: 700;
        color: #fff9;
        white-space-collapse: preserve;
        cursor: pointer;
      }
      .ww-e-dIm {
        margin: 0;
        padding: 22px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 420px;
        max-width: 92vw;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0b1f33;
        box-shadow: 0 20px 60px #00000059;
        border-radius: 18px;
      }
      .ww-e-dIm.ww-layout, .ww-e-dIm [data-ww-ls~="dIm"] {
        display: flex;
        flex-flow: column;
        gap: 14px;
      }
      .ww-e-dIn {
        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: 19px;
        font-family: var(--ww-default-font-family);
        font-weight: 850;
        color: #fff;
        white-space-collapse: preserve;
      }
      .ww-e-dIo {
        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.4;
        color: #ffffff8c;
        white-space-collapse: preserve;
      }
      .ww-e-dIp {
        margin: 0;
        padding: 11px 13px;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        color: #fff;
        white-space-collapse: preserve;
        background-color: #ffffff0f;
        border: 1px solid #ffffff29;
        border-radius: 10px;
        --placeholder-color: rgba(255,255,255,.4);
      }
      .ww-e-dIq {
        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-dIr {
        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);
        font-weight: 600;
        color: #ffffffd9;
        white-space-collapse: preserve;
      }
      .ww-e-dIs {
        margin: 0;
        padding: 11px 13px;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        color: #fff;
        white-space-collapse: preserve;
        background-color: #ffffff0f;
        border: 1px solid #ffffff29;
        border-radius: 10px;
        --placeholder-color: rgba(255,255,255,.4);
      }
      .ww-e-dIt {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: grid;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dIt.ww-layout, .ww-e-dIt [data-ww-ls~="dIt"] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
      }
      .ww-e-dIu {
        margin: 0;
        padding: 10px 11px;
        z-index: unset;
        align-self: unset;
        display: block;
        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);
        color: #fff;
        white-space-collapse: preserve;
        background-color: #ffffff0f;
        border: 1px solid #ffffff29;
        border-radius: 10px;
      }
      .ww-e-dIv {
        margin: 0;
        padding: 10px 11px;
        z-index: unset;
        align-self: unset;
        display: block;
        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);
        color: #fff;
        white-space-collapse: preserve;
        background-color: #ffffff0f;
        border: 1px solid #ffffff29;
        border-radius: 10px;
      }
      .ww-e-dIw {
        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-dIw.ww-layout, .ww-e-dIw [data-ww-ls~="dIw"] {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
      }
      .ww-e-dIx {
        margin: 0;
        padding: 10px 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-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        color: #ffffffbf;
        white-space-collapse: preserve;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.2s ease, border-color 0.2s ease;
        border: 1px solid #ffffff2e;
        border-radius: 10px;
        --ww-element-transition: background-color 0.2s ease, border-color 0.2s ease;
      }
      .ww-e-dIx:where(:hover) {
        background-color: #ffffff14;
      }
      .ww-e-dIy {
        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);
        font-weight: 700;
        color: #ff9d9d;
        white-space-collapse: preserve;
      }
      .ww-e-dIz {
        margin: 0;
        padding: 10px 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-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 800;
        color: #0b1f33;
        white-space-collapse: preserve;
        background-color: #ff9d4d;
        cursor: pointer;
        transition: opacity 0.2s ease, transform 0.2s ease;
        border-radius: 10px;
        --ww-element-transition: opacity 0.2s ease, transform 0.2s ease;
      }
      .ww-e-dIz:where(:hover) {
        opacity: 0.9;
        transform: scale(1.02);
      }
      .ww-e-dJ0 {
        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-dJ0.ww-layout, .ww-e-dJ0 [data-ww-ls~="dJ0"] {
        display: flex;
        flex-flow: column;
        gap: 12px;
      }
      .ww-e-dJ2 {
        margin: 0;
        padding: 22px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 380px;
        max-width: 92vw;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0b1b2b;
        border: 1px solid #ffffff14;
        border-radius: 18px;
      }
      .ww-e-dJ2.ww-layout, .ww-e-dJ2 [data-ww-ls~="dJ2"] {
        display: flex;
        flex-flow: column;
        gap: 14px;
      }
      .ww-e-dJ3 {
        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-dJ3.ww-layout, .ww-e-dJ3 [data-ww-ls~="dJ3"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dJ4 {
        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: 850;
        color: #fff;
        white-space-collapse: preserve;
      }
      .ww-e-dJ5 {
        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-dJ6 {
        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.4;
        color: #ffffff8c;
        white-space-collapse: preserve;
      }
      .ww-e-dJ7 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
        white-space-collapse: preserve;
      }
      .ww-e-dJ8 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
        white-space-collapse: preserve;
      }
      .ww-e-dJ9 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-family: var(--ww-default-font-family);
        white-space-collapse: preserve;
      }
      .ww-e-dJA {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background-color: #ffffff0f;
        cursor: pointer;
        transition: background-color .15s ease;
        border: 1px solid #ffffff1a;
        border-radius: 999px;
      }
      .ww-e-dJA:where(:hover) {
        background-color: #ffffff24;
      }
      .ww-e-dJA.ww-layout, .ww-e-dJA [data-ww-ls~="dJA"] {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .ww-e-dJB {
        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-dJB.ww-layout, .ww-e-dJB [data-ww-ls~="dJB"] {
        display: flex;
        flex-flow: column;
        gap: 12px;
      }
      .ww-e-dJC {
        margin: 0;
        padding: 11px 16px;
        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: 800;
        color: #071a2c;
        white-space-collapse: preserve;
        background-color: #ff9d4d;
        cursor: pointer;
        opacity: var(--ww-style-opacity);
        transition: background-color .15s ease;
        border: none;
        border-radius: 12px;
        --ww-element-transition: background-color .15s ease;
      }
      .ww-e-dJC:where(:hover) {
        background-color: #ffb673;
      }
      .ww-e-dJD {
        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.4;
        font-weight: 700;
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
      }
      .ww-e-dJF {
        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-dJG {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        color: #e7eef6;
        white-space-collapse: preserve;
        background-color: #ffffff0f;
        border: 1px solid #ffffff24;
        border-radius: 10px;
      }
      .ww-e-dJH {
        margin: 0;
        padding: 24px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: min(480px, 100% - 32px);
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: calc(100vh - 48px);
        min-height: unset;
        background-color: #0a2138;
        border: 1px solid #ffffff14;
        border-radius: 24px;
      }
      .ww-e-dJH.ww-layout, .ww-e-dJH [data-ww-ls~="dJH"] {
        display: flex;
        flex-flow: column;
        gap: 16px;
      }
      .ww-e-dJI {
        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-dJI.ww-layout, .ww-e-dJI [data-ww-ls~="dJI"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dJJ {
        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-dJK {
        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);
        line-height: 1.5;
        color: #ffffffa6;
        white-space-collapse: preserve;
      }
      .ww-e-dJL {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        color: #e7eef6;
        white-space-collapse: preserve;
        background-color: #ffffff0f;
        border: 1px solid #ffffff24;
        border-radius: 10px;
      }
      .ww-e-dJM {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dJN {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        color: #e7eef6;
        white-space-collapse: preserve;
        background-color: #ffffff0f;
        border: 1px solid #ffffff24;
        border-radius: 10px;
      }
      .ww-e-dJO {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        color: #e7eef6;
        white-space-collapse: preserve;
        background-color: #ffffff0f;
        border: 1px solid #ffffff24;
        border-radius: 10px;
      }
      .ww-e-dJP {
        margin: 0;
        padding: 12px 14px;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: var(--ww-default-font-family);
        color: #e7eef6;
        white-space-collapse: preserve;
        background-color: #ffffff0f;
        border: 1px solid #ffffff24;
        border-radius: 10px;
      }
      .ww-e-dJQ {
        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);
        font-weight: 600;
        color: #ff9d4d;
        white-space-collapse: preserve;
      }
      .ww-e-dJR {
        margin: 0;
        padding: 12px 16px;
        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: 800;
        color: #071a2c;
        white-space-collapse: preserve;
        background-color: #ff9d4d;
        cursor: pointer;
        opacity: var(--ww-style-opacity);
        transition: background-color .15s ease;
        border: none;
        border-radius: 12px;
        --ww-element-transition: background-color .15s ease;
      }
      .ww-e-dJR:where(:hover) {
        background-color: #ffb673;
      }
      .ww-e-dJS {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background-color: #ffffff0f;
        cursor: pointer;
        transition: background-color .15s ease;
        border: 1px solid #ffffff1a;
        border-radius: 999px;
      }
      .ww-e-dJS:where(:hover) {
        background-color: #ffffff24;
      }
      .ww-e-dJS.ww-layout, .ww-e-dJS [data-ww-ls~="dJS"] {
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
    @layer custom {
      @media (min-width: 992px) {
        .ww-e-dIh {
          overflow-y: auto;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-dIh {
          overflow-y: auto;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dIh {
          overflow-y: auto;
        }
      }
      .ww-e-dIx:where(:hover) {
        border-color: #ffffff52;
      }
      .ww-e-dJH {
        overflow-y: auto;
      }
    }
  }
  @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;
      }
      .ww-a-ul_rGTIFc3XcoBYX {
        height: auto;
        z-index: unset;
        min-height: unset;
        max-height: unset;
      }
    }
    @layer ordered {
      .ww-s-dM {
        z-index: 1300;
        display: flex;
        background-color: #0b0b0ff5;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
      }
      @media (max-width: 767px) {
        .ww-s-dM {
          z-index: 1300;
          background-color: #0b0b0ff7;
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          width: 100%;
        }
      }
      .ww-s-dM > .ww-section-element {
        width: 100%;
        padding: 10px 16px 8px;
        border-top: none;
        border-right: none;
        border-bottom: var(--ww-style-border-bottom);
        border-left: none;
        border-image: none;
      }
      @media (max-width: 767px) {
        .ww-s-dM > .ww-section-element {
          padding: 8px 10px 6px;
          border-bottom: none;
        }
      }
      .ww-s-dM > .ww-section-element.ww-layout {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: revert-layer;
      }
      .ww-s-dk {
        display: flex;
        background-color: #0b0b0f;
      }
      .ww-s-dk > .ww-section-element {
        width: 100%;
        padding: 20px 24px 28px;
      }
      @media (max-width: 767px) {
        .ww-s-dk > .ww-section-element {
          padding: 16px 16px 24px;
        }
      }
      .ww-s-dk > .ww-section-element.ww-layout {
        display: flex;
        flex-flow: column;
        align-items: center;
      }
    }
  }
  @layer custom {
  }
}
@layer ww-style-element {
  @layer normal, custom;
  @layer normal {
    @layer atomic, ordered;
    @layer atomic {
      .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;
      }
      .ww-a-xcvtKf9v4YXjru0H {
        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-TK2-VV_EQgk6Piyr {
        margin: 0;
        align-self: unset;
        min-width: unset;
        height: auto;
        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-CgHzhu3VSqpcs79I {
        margin: 0;
        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-2ew-mtNf67a7wUE0 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-QFNj7U0UgyFRQfCT {
        margin: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .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-MJzOgEzH7AxmUL9- {
        margin: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-QS96KMtsk0TaK55G {
        margin: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-pgXQxAE-opgOrf8q {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: var(--ww-section-root-auto-align, unset);
        display: flex;
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-viBG6M41fFRz-l62 {
        margin: 0;
        align-self: var(--ww-section-root-auto-align, 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-LHZWIIayo4yQg8be {
        z-index: unset;
        align-self: unset;
        display: block;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-CQC-UYJF9-3biM3_ {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: var(--ww-section-root-auto-align, unset);
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
    }
    @layer ordered {
      .ww-e-d7F {
        width: 20px;
        height: 20px;
      }
      .ww-e-d7G {
        width: 20px;
        height: 20px;
      }
      .ww-e-d7H {
        margin: 0;
        font-size: 11px;
        font-family: Inter;
        font-weight: 700;
        color: #f4f5f7;
        white-space-collapse: preserve;
      }
      .ww-e-d7I {
        width: 20px;
        height: 20px;
      }
      .ww-e-d7J {
        width: 20px;
        height: 20px;
      }
      .ww-e-d7K {
        margin: 0;
        font-size: 11px;
        font-family: Inter;
        font-weight: 700;
        color: #f4f5f7;
        white-space-collapse: preserve;
      }
      .ww-e-d7L {
        margin: 0;
        font-size: 11px;
        font-family: Inter;
        font-weight: 700;
        color: #f4f5f7;
        white-space-collapse: preserve;
      }
      .ww-e-d7M {
        width: 20px;
        height: 20px;
      }
      .ww-e-d7N {
        margin: 0;
        font-size: 11px;
        font-family: Inter;
        font-weight: 700;
        color: #f4f5f7;
        white-space-collapse: preserve;
      }
      .ww-e-d7O {
        margin: 0;
        font-size: 11px;
        font-family: Inter;
        font-weight: 700;
        color: #f4f5f7;
        white-space-collapse: preserve;
      }
      .ww-e-d7P {
        padding: 1px 0 0;
        z-index: 1500;
        display: flex;
        position: revert-layer;
        inset: revert-layer;
        width: 100%;
        max-width: 760px;
      }
      @media (max-width: 767px) {
        .ww-e-d7P {
          padding: 0;
          z-index: 1500;
          display: flex;
          position: revert-layer;
          inset: revert-layer;
          width: 100%;
          max-width: 100%;
        }
      }
      .ww-e-d7P.ww-layout, .ww-e-d7P [data-ww-ls~="d7P"] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d7P.ww-layout, .ww-e-d7P [data-ww-ls~="d7P"] {
          display: flex;
          flex-flow: wrap;
          justify-content: flex-end;
          align-items: center;
          align-content: revert-layer;
          gap: 4px;
        }
      }
      .ww-e-d7Q {
        padding: 6px 12px;
        display: flex;
        flex: 1;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 14px;
      }
      .ww-e-d7Q:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #ff6b2c24;
      }
      .ww-e-d7Q:where(:hover) {
        background-color: #ffffff0f;
      }
      .ww-e-d7Q.ww-layout, .ww-e-d7Q [data-ww-ls~="d7Q"] {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 4px;
      }
      .ww-e-d7R {
        padding: 6px 12px;
        display: flex;
        flex: 1;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 14px;
      }
      .ww-e-d7R:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #ff6b2c24;
      }
      .ww-e-d7R:where(:hover) {
        background-color: #ffffff0f;
      }
      .ww-e-d7R.ww-layout, .ww-e-d7R [data-ww-ls~="d7R"] {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 4px;
      }
      .ww-e-d7S {
        padding: 2px 8px;
        display: flex;
        width: 100%;
        max-width: 1180px;
      }
      @media (max-width: 767px) {
        .ww-e-d7S {
          padding: 0 2px;
          display: flex;
          width: 100%;
        }
      }
      .ww-e-d7S.ww-layout, .ww-e-d7S [data-ww-ls~="d7S"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d7S.ww-layout, .ww-e-d7S [data-ww-ls~="d7S"] {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          gap: 8px;
          flex-wrap: revert-layer;
        }
      }
      .ww-e-d7T {
        display: flex;
        width: 36px;
        flex: 0 0 auto;
        height: 36px;
        background-color: #ffffff0f;
        cursor: pointer;
        transition: background-color .15s ease;
        border: 1px solid #ffffff1a;
        border-radius: 999px;
      }
      @media (max-width: 767px) {
        .ww-e-d7T {
          display: flex;
          width: 32px;
          flex: 0 0 auto;
          height: 32px;
          background-color: #ffffff0f;
          cursor: pointer;
          border: 1px solid #ffffff1a;
          border-radius: 999px;
        }
      }
      .ww-e-d7T:where(:hover) {
        background-color: #ffffff24;
      }
      .ww-e-d7T.ww-layout, .ww-e-d7T [data-ww-ls~="d7T"] {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      @media (max-width: 767px) {
        .ww-e-d7T.ww-layout, .ww-e-d7T [data-ww-ls~="d7T"] {
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
      .ww-e-d7U {
        padding: 11px 18px 10px;
        display: flex;
        flex: 1 1 0;
        min-width: unset;
        cursor: pointer;
        opacity: 0.82;
        transition: transform .18s ease, opacity .18s ease, background-color .18s ease, box-shadow .18s ease;
        outline: none;
        border-radius: 22px;
      }
      @media (max-width: 767px) {
        .ww-e-d7U {
          padding: 10px 8px 9px;
          flex: 1 1 0;
          min-width: unset;
          outline: none;
          border-radius: 20px;
        }
      }
      .ww-e-d7U:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #1689e8;
        box-shadow: 0 14px 34px #1689e86b;
        opacity: 1;
        transform: translateY(-7px) scale(1.03);
        outline: none;
      }
      .ww-e-d7U:where(:hover) {
        background-color: #ffffff14;
        opacity: 1;
        transform: translateY(-2px);
      }
      .ww-e-d7U.ww-layout, .ww-e-d7U [data-ww-ls~="d7U"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
      }
      @media (max-width: 767px) {
        .ww-e-d7U.ww-layout, .ww-e-d7U [data-ww-ls~="d7U"] {
          gap: 2px;
        }
      }
      .ww-e-d7V {
        width: 18px;
        height: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-d7V {
          width: 18px;
          height: 18px;
        }
      }
      .ww-e-d7W {
        width: 18px;
        height: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-d7W {
          width: 18px;
          height: 18px;
        }
      }
      .ww-e-d7X {
        font-size: 10px;
        line-height: 1.1;
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-d7X {
          font-size: 10px;
        }
      }
      .ww-e-d7Y {
        width: 18px;
        height: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-d7Y {
          width: 18px;
          height: 18px;
        }
      }
      .ww-e-d7Z {
        font-size: 10px;
        line-height: 1.1;
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-d7Z {
          font-size: 10px;
        }
      }
      .ww-e-d7a {
        width: 18px;
        height: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-d7a {
          width: 18px;
          height: 18px;
        }
      }
      .ww-e-d7b {
        font-size: 10px;
        line-height: 1.1;
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-d7b {
          font-size: 10px;
        }
      }
      .ww-e-d7c {
        font-size: 10px;
        line-height: 1.1;
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-d7c {
          font-size: 10px;
        }
      }
      .ww-e-d7d {
        width: 20px;
        height: 20px;
      }
      .ww-e-d7e {
        margin: 0;
        font-size: 11px;
        font-family: Inter;
        font-weight: 700;
        color: #f4f5f7;
        white-space-collapse: preserve;
      }
      .ww-e-d7f {
        padding: 6px 12px;
        display: flex;
        flex: 1;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 14px;
      }
      .ww-e-d7f:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #ff6b2c24;
      }
      .ww-e-d7f:where(:hover) {
        background-color: #ffffff0f;
      }
      .ww-e-d7f.ww-layout, .ww-e-d7f [data-ww-ls~="d7f"] {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 4px;
      }
      .ww-e-d7g {
        padding: 2px 3px;
        width: 94px;
        max-width: 100px;
        height: 34px;
        background-color: #0000;
        cursor: pointer;
        border-radius: 0;
        --wwi-of: contain;
      }
      @media (max-width: 767px) {
        .ww-e-d7g {
          padding: 1px 2px;
          width: 82px;
          height: 30px;
        }
      }
      .ww-e-d7h {
        padding: 6px 12px;
        display: flex;
        flex: 1;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 14px;
      }
      .ww-e-d7h:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #ff6b2c24;
      }
      .ww-e-d7h:where(:hover) {
        background-color: #ffffff0f;
      }
      .ww-e-d7h.ww-layout, .ww-e-d7h [data-ww-ls~="d7h"] {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 4px;
      }
      .ww-e-d7i {
        padding: 3px;
        width: 46px;
        height: 46px;
        background-color: var(--24d23768-ec74-4fcc-97b7-3028070f6ec3,#FFFFFF);
        cursor: pointer;
        box-shadow: 0 8px 22px #0b1f331a;
        transition: transform 140ms ease, box-shadow 140ms ease;
        border: 1px solid var(--5de5115a-d5d2-46d8-b136-b807490575f0,#E2E8F0);
        border-radius: 14px;
        --wwi-of: contain;
      }
      @media (max-width: 767px) {
        .ww-e-d7i {
          width: 40px;
          height: 40px;
          border-radius: 12px;
        }
      }
      .ww-e-d7i:where(:hover) {
        box-shadow: 0 6px 18px #0b1f331f;
        transform: translateY(-1px) scale(1.03);
      }
      .ww-e-d7j {
        padding: 11px 18px 10px;
        display: flex;
        flex: 1 1 0;
        min-width: unset;
        cursor: pointer;
        opacity: 0.82;
        transition: transform .18s ease, opacity .18s ease, background-color .18s ease, box-shadow .18s ease;
        outline: none;
        border-radius: 22px;
      }
      @media (max-width: 767px) {
        .ww-e-d7j {
          padding: 10px 8px 9px;
          flex: 1 1 0;
          min-width: unset;
          outline: none;
          border-radius: 20px;
        }
      }
      .ww-e-d7j:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #1689e8;
        box-shadow: 0 14px 34px #1689e86b;
        opacity: 1;
        transform: translateY(-7px) scale(1.03);
        outline: none;
      }
      .ww-e-d7j:where(:hover) {
        background-color: #ffffff14;
        opacity: 1;
        transform: translateY(-2px);
      }
      .ww-e-d7j.ww-layout, .ww-e-d7j [data-ww-ls~="d7j"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
      }
      @media (max-width: 767px) {
        .ww-e-d7j.ww-layout, .ww-e-d7j [data-ww-ls~="d7j"] {
          gap: 2px;
        }
      }
      .ww-e-d7k {
        padding: 11px 18px 10px;
        display: flex;
        flex: 1 1 0;
        min-width: unset;
        cursor: pointer;
        opacity: 0.82;
        transition: transform .18s ease, opacity .18s ease, background-color .18s ease, box-shadow .18s ease;
        outline: none;
        border-radius: 22px;
      }
      @media (max-width: 767px) {
        .ww-e-d7k {
          padding: 10px 8px 9px;
          flex: 1 1 0;
          min-width: unset;
          outline: none;
          border-radius: 20px;
        }
      }
      .ww-e-d7k:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #1689e8;
        box-shadow: 0 14px 34px #1689e86b;
        opacity: 1;
        transform: translateY(-7px) scale(1.03);
        outline: none;
      }
      .ww-e-d7k:where(:hover) {
        background-color: #ffffff14;
        opacity: 1;
        transform: translateY(-2px);
      }
      .ww-e-d7k.ww-layout, .ww-e-d7k [data-ww-ls~="d7k"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
      }
      @media (max-width: 767px) {
        .ww-e-d7k.ww-layout, .ww-e-d7k [data-ww-ls~="d7k"] {
          gap: 2px;
        }
      }
      .ww-e-d7l {
        width: 18px;
        height: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-d7l {
          width: 16px;
          height: 16px;
        }
      }
      .ww-e-d7m {
        width: 100%;
        flex: 0 1 auto;
        height: 66px;
      }
      @media (max-width: 767px) {
        .ww-e-d7m {
          width: 100%;
          flex: 0 1 auto;
          height: 56px;
        }
      }
      .ww-e-d7m.ww-layout, .ww-e-d7m [data-ww-ls~="d7m"] {
        display: flex;
      }
      .ww-e-d7n {
        padding: 6px 12px;
        display: flex;
        flex: 1;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 14px;
      }
      .ww-e-d7n:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #ff6b2c24;
      }
      .ww-e-d7n:where(:hover) {
        background-color: #ffffff0f;
      }
      .ww-e-d7n.ww-layout, .ww-e-d7n [data-ww-ls~="d7n"] {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 4px;
      }
      .ww-e-d7o {
        padding: 11px 18px 10px;
        display: flex;
        flex: 1 1 0;
        min-width: unset;
        cursor: pointer;
        opacity: 0.82;
        transition: transform .18s ease, opacity .18s ease, background-color .18s ease, box-shadow .18s ease;
        outline: none;
        border-radius: 22px;
      }
      @media (max-width: 767px) {
        .ww-e-d7o {
          padding: 10px 8px 9px;
          flex: 1 1 0;
          min-width: unset;
          outline: none;
          border-radius: 20px;
        }
      }
      .ww-e-d7o:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #1689e8;
        box-shadow: 0 14px 34px #1689e86b;
        opacity: 1;
        transform: translateY(-7px) scale(1.03);
        outline: none;
      }
      .ww-e-d7o:where(:hover) {
        background-color: #ffffff14;
        opacity: 1;
        transform: translateY(-2px);
      }
      .ww-e-d7o.ww-layout, .ww-e-d7o [data-ww-ls~="d7o"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
      }
      @media (max-width: 767px) {
        .ww-e-d7o.ww-layout, .ww-e-d7o [data-ww-ls~="d7o"] {
          gap: 2px;
        }
      }
      .ww-e-d7p {
        padding: 11px 18px 10px;
        display: flex;
        flex: 1 1 0;
        min-width: unset;
        cursor: pointer;
        opacity: 0.82;
        transition: transform .18s ease, opacity .18s ease, background-color .18s ease, box-shadow .18s ease;
        outline: none;
        border-radius: 22px;
      }
      @media (max-width: 767px) {
        .ww-e-d7p {
          padding: 10px 8px 9px;
          flex: 1 1 0;
          min-width: unset;
          outline: none;
          border-radius: 20px;
        }
      }
      .ww-e-d7p:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #1689e8;
        box-shadow: 0 14px 34px #1689e86b;
        opacity: 1;
        transform: translateY(-7px) scale(1.03);
        outline: none;
      }
      .ww-e-d7p:where(:hover) {
        background-color: #ffffff14;
        opacity: 1;
        transform: translateY(-2px);
      }
      .ww-e-d7p.ww-layout, .ww-e-d7p [data-ww-ls~="d7p"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
      }
      @media (max-width: 767px) {
        .ww-e-d7p.ww-layout, .ww-e-d7p [data-ww-ls~="d7p"] {
          gap: 2px;
        }
      }
      .ww-e-d7q {
        display: flex;
        width: 36px;
        flex: 0 0 auto;
        height: 36px;
        background-color: #ffffff0f;
        cursor: pointer;
        transition: background-color .15s ease;
        border: 1px solid #ffffff1a;
        border-radius: 999px;
      }
      @media (max-width: 767px) {
        .ww-e-d7q {
          display: flex;
          width: 32px;
          flex: 0 0 auto;
          height: 32px;
          background-color: #ffffff0f;
          cursor: pointer;
          border: 1px solid #ffffff1a;
          border-radius: 999px;
        }
      }
      .ww-e-d7q:where(:hover) {
        background-color: #ffffff24;
      }
      .ww-e-d7q.ww-layout, .ww-e-d7q [data-ww-ls~="d7q"] {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      @media (max-width: 767px) {
        .ww-e-d7q.ww-layout, .ww-e-d7q [data-ww-ls~="d7q"] {
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
      .ww-e-d7r {
        padding: 8px 8px 16px;
        z-index: 1400;
        display: flex;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #0b0d10;
        border-top: 1px solid #2a2f38;
      }
      .ww-e-d7r.ww-layout, .ww-e-d7r [data-ww-ls~="d7r"] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      .ww-e-d7s {
        padding: 6px 12px;
        display: flex;
        flex: 1;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 14px;
      }
      .ww-e-d7s:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #ff6b2c24;
      }
      .ww-e-d7s:where(:hover) {
        background-color: #ffffff0f;
      }
      .ww-e-d7s.ww-layout, .ww-e-d7s [data-ww-ls~="d7s"] {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 4px;
      }
      .ww-e-d7t {
        padding: 8px 12px;
        font-size: 11px;
        font-weight: 800;
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
        background: var(--ww-style-background-color);
        cursor: pointer;
        box-shadow: 0 6px 18px #0b1f330f;
        border: 1px solid #ffffff1a;
        border-radius: 999px;
      }
      @media (max-width: 767px) {
        .ww-e-d7t {
          padding: 7px 9px;
          font-size: 10px;
        }
      }
      .ww-e-d7u {
        padding: 11px 18px 10px;
        display: flex;
        flex: 1 1 0;
        min-width: unset;
        cursor: pointer;
        opacity: 0.82;
        transition: transform .18s ease, opacity .18s ease, background-color .18s ease, box-shadow .18s ease;
        outline: none;
        border-radius: 22px;
      }
      @media (max-width: 767px) {
        .ww-e-d7u {
          padding: 10px 8px 9px;
          flex: 1 1 0;
          min-width: unset;
          outline: none;
          border-radius: 20px;
        }
      }
      .ww-e-d7u:where([data-ww-states~="_wwLinkActive"]) {
        background-color: #1689e8;
        box-shadow: 0 14px 34px #1689e86b;
        opacity: 1;
        transform: translateY(-7px) scale(1.03);
        outline: none;
      }
      .ww-e-d7u:where(:hover) {
        background-color: #ffffff14;
        opacity: 1;
        transform: translateY(-2px);
      }
      .ww-e-d7u.ww-layout, .ww-e-d7u [data-ww-ls~="d7u"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
      }
      @media (max-width: 767px) {
        .ww-e-d7u.ww-layout, .ww-e-d7u [data-ww-ls~="d7u"] {
          gap: 2px;
        }
      }
      .ww-e-d7v {
        width: 18px;
        height: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-d7v {
          width: 18px;
          height: 18px;
        }
      }
      .ww-e-d7w {
        font-size: 10px;
        line-height: 1.1;
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-d7w {
          font-size: 10px;
        }
      }
      .ww-e-d7x {
        width: 18px;
        height: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-d7x {
          width: 18px;
          height: 18px;
        }
      }
      .ww-e-d7y {
        font-size: 10px;
        line-height: 1.1;
        font-weight: 800;
        color: #fff;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-d7y {
          font-size: 10px;
        }
      }
      .ww-e-d7z {
        width: 18px;
        height: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-d7z {
          width: 16px;
          height: 16px;
        }
      }
      .ww-e-dCH {
        font-size: 11px;
        text-align: center;
        color: var(--640e5e6b-bae2-46cc-a056-d59a1e60d160,#64748B);
        white-space-collapse: preserve;
      }
      .ww-e-dCI {
        font-size: 10px;
        font-weight: 700;
        text-align: center;
        color: var(--640e5e6b-bae2-46cc-a056-d59a1e60d160,#64748B);
        letter-spacing: .12em;
        white-space-collapse: preserve;
      }
      .ww-e-dCJ {
        margin: 0 auto 2px;
        padding: 3px 5px;
        width: 90px;
        max-width: 140px;
        height: 32px;
        background-color: #fff;
        border-radius: 12px;
        --wwi-of: contain;
      }
      @media (max-width: 767px) {
        .ww-e-dCJ {
          width: 80px;
          height: 28px;
        }
      }
      .ww-e-dCK {
        display: flex;
        width: 100%;
        max-width: 1180px;
      }
      .ww-e-dCK.ww-layout, .ww-e-dCK [data-ww-ls~="dCK"] {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 4px;
      }
    }
  }
  @layer custom {
    @media (max-width: 767px) {
      .ww-e-d7P {
        overflow: auto hidden;
        scrollbar-width: none;
      }
    }
    .ww-e-d7i {
      object-fit: contain;
    }
  }
}
@layer ww-style-layout-override {
}
