@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-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-content-ww-text-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-image {
  syntax: "*";
  inherits: false;
}
@property --ww-style-width {
  syntax: "*";
  inherits: false;
}
@property --ww-style-grid-row {
  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-style-grid-template-columns {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-layout-align-items {
  syntax: "*";
  inherits: false;
}
@property --ww-style-opacity {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
      .ww-e-dY5 {
        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-dY5.ww-layout, .ww-e-dY5 [data-ww-ls~="dY5"] {
        display: flex;
      }
      .ww-e-dYU {
        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-dYU.ww-layout, .ww-e-dYU [data-ww-ls~="dYU"] {
        display: flex;
      }
      .ww-e-dXn {
        margin: 0;
        padding: 32px;
        z-index: 400;
        align-self: unset;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        max-width: unset;
        min-width: unset;
        height: 100vh;
        max-height: unset;
        min-height: unset;
        background-color: var(--9aedf6c3-a0ec-43fa-9ac3-193ac68959fe,#121316);
      }
      .ww-e-dXn.ww-layout, .ww-e-dXn [data-ww-ls~="dXn"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
      }
      .ww-e-dXo {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: #fff;
        white-space-collapse: preserve;
        background-color: var(--94474078-d797-421f-98e4-264301872768,#2868D6);
        cursor: pointer;
        transition: background-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
        border-radius: 12px;
        --ww-element-transition: background-color 160ms ease, transform 160ms ease;
      }
      @media (max-width: 767px) {
        .ww-e-dXo {
          width: 100%;
        }
      }
      .ww-e-dXo:where(:hover) {
        background-color: #215cc5;
        transform: translateY(-1px);
      }
      .ww-e-dXp {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: 420px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: Inter;
        line-height: 1.5;
        text-align: center;
        color: var(--c48006ef-83b2-47f1-8ffc-68d524d7e204,#9CA3AF);
        white-space-collapse: preserve;
      }
      .ww-e-dXq {
        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: 26px;
        font-family: Kanit;
        line-height: 1.5;
        font-weight: 600;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
      }
      .ww-e-dXr {
        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-dXr.ww-layout, .ww-e-dXr [data-ww-ls~="dXr"] {
        display: flex;
        align-content: revert-layer;
        gap: 8px;
        flex-wrap: wrap;
      }
      .ww-e-dXs {
        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-dXs.ww-layout, .ww-e-dXs [data-ww-ls~="dXs"] {
        display: flex;
        align-content: revert-layer;
        gap: 8px;
        flex-wrap: wrap;
      }
      .ww-e-dXt {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: #fff;
        white-space-collapse: preserve;
        background-color: var(--94474078-d797-421f-98e4-264301872768,#2868D6);
        cursor: pointer;
        transition: background-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
        border-radius: 12px;
        --ww-element-transition: background-color 160ms ease, transform 160ms ease;
      }
      @media (max-width: 767px) {
        .ww-e-dXt {
          width: 100%;
        }
      }
      .ww-e-dXt:where(:hover) {
        background-color: #215cc5;
        transform: translateY(-1px);
      }
      .ww-e-dXu {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: var(--ww-style-display, none);
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: Inter;
        line-height: 1.5;
        font-weight: 600;
        color: var(--a25fc6ce-c18f-476f-9fb3-c90d26c5446f,#00D2B4);
        white-space-collapse: preserve;
      }
      .ww-e-dXv {
        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: Inter;
        line-height: 1.5;
        color: var(--c48006ef-83b2-47f1-8ffc-68d524d7e204,#9CA3AF);
        white-space-collapse: preserve;
      }
      .ww-e-dXw {
        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-dXw.ww-layout, .ww-e-dXw [data-ww-ls~="dXw"] {
        display: flex;
        flex-flow: column;
        gap: 16px;
      }
      .ww-e-dXx {
        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-dXx.ww-layout, .ww-e-dXx [data-ww-ls~="dXx"] {
        display: flex;
        flex-flow: column;
        gap: 7px;
      }
      .ww-e-dXy {
        margin: 0;
        padding: 16px;
        z-index: unset;
        align-self: unset;
        display: var(--ww-style-display);
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
      }
      .ww-e-dXy.ww-layout, .ww-e-dXy [data-ww-ls~="dXy"] {
        display: var(--ww-style-display);
        flex-direction: var(--ww-content-flex-direction-layout-flex, revert-layer);
        row-gap: var(--ww-content-row-gap-layout-flex, revert-layer);
        column-gap: var(--ww-content-column-gap-layout-flex, revert-layer);
        flex-wrap: var(--ww-content-flex-wrap-layout-flex, revert-layer);
      }
      .ww-e-dXz {
        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: Inter;
        line-height: 1.5;
        font-weight: 700;
        color: var(--c48006ef-83b2-47f1-8ffc-68d524d7e204,#9CA3AF);
        letter-spacing: 1px;
        white-space-collapse: preserve;
      }
      .ww-e-dY0 {
        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-dY0.ww-layout, .ww-e-dY0 [data-ww-ls~="dY0"] {
        display: flex;
        flex-flow: column;
        gap: 6px;
      }
      .ww-e-dY1 {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dY1:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dY2 {
        margin: 0;
        padding: 16px 18px;
        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: var(--b5e0c28d-4e1c-4f66-a619-2fc3ef09b3db,#0C1416);
        border: 1px solid var(--ea60b259-5838-47ec-85eb-e9ec3cbebc3f,rgba(0,210,180,.25));
        border-radius: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-dY2 {
          padding: 14px;
        }
      }
      .ww-e-dY2.ww-layout, .ww-e-dY2 [data-ww-ls~="dY2"] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: revert-layer;
        gap: 12px 16px;
        flex-wrap: wrap;
      }
      @media (max-width: 767px) {
        .ww-e-dY2.ww-layout, .ww-e-dY2 [data-ww-ls~="dY2"] {
          flex-flow: column;
          align-items: stretch;
        }
      }
      .ww-e-dY3 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: var(--ww-style-display, block);
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: Inter;
        color: #9ca3af;
        white-space-collapse: preserve;
      }
      .ww-e-dY4 {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dY4:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dY6 {
        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: Inter;
        line-height: 1.5;
        font-weight: 600;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
      }
      .ww-e-dY7 {
        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: Inter;
        line-height: 1.5;
        color: var(--c48006ef-83b2-47f1-8ffc-68d524d7e204,#9CA3AF);
        white-space-collapse: preserve;
      }
      .ww-e-dY8 {
        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: Inter;
        line-height: 1.5;
        font-weight: 600;
        color: var(--a25fc6ce-c18f-476f-9fb3-c90d26c5446f,#00D2B4);
        white-space-collapse: preserve;
      }
      .ww-e-dY9 {
        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: 22px;
        font-family: Kanit;
        line-height: 1.5;
        font-weight: 600;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
      }
      .ww-e-dYA {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: var(--ww-style-display);
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 14px;
        font-family: Inter;
        line-height: 1.5;
        color: var(--c48006ef-83b2-47f1-8ffc-68d524d7e204,#9CA3AF);
        white-space-collapse: preserve;
      }
      .ww-e-dYB {
        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-dYB.ww-layout, .ww-e-dYB [data-ww-ls~="dYB"] {
        display: flex;
        align-items: center;
        align-content: revert-layer;
        gap: 8px;
        flex-wrap: wrap;
      }
      .ww-e-dYC {
        margin: 0;
        padding: 10px 12px;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font: var(--e83017d8-73ce-4a62-9547-733471fc84ec,500 14px/1.5 'Inter',sans-serif);
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        transition: border-color 160ms ease, box-shadow 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 8px;
        --ww-element-transition: border-color 160ms ease, box-shadow 160ms ease;
        --placeholder-color: var(--c48006ef-83b2-47f1-8ffc-68d524d7e204,#9CA3AF);
      }
      @media (max-width: 767px) {
        .ww-e-dYC {
          width: 100%;
          font-size: 16px;
        }
      }
      .ww-e-dYD {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dYD:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dYE {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dYE:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dYF {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dYF:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dYG {
        margin: 0;
        padding: 10px 16px;
        z-index: 200;
        align-self: unset;
        display: inline-flex;
        position: fixed;
        right: 20px;
        bottom: 20px;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        box-shadow: 0 8px 30px #00000059;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      @media (max-width: 767px) {
        .ww-e-dYG {
          right: 12px;
          bottom: 80px;
          max-width: calc(100vw - 24px);
        }
      }
      .ww-e-dYG:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dYH {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dYH:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dYI {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dYI:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dYJ {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 46px;
        max-width: unset;
        min-width: unset;
        height: 26px;
        max-height: unset;
        min-height: unset;
        border-radius: 999px;
      }
      .ww-e-dYK {
        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-dYK.ww-layout, .ww-e-dYK [data-ww-ls~="dYK"] {
        display: flex;
        flex-flow: column;
        gap: 8px;
      }
      .ww-e-dYL {
        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: Inter;
        font-weight: 600;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
      }
      .ww-e-dYM {
        margin: 0;
        padding: 24px;
        overflow: auto;
        z-index: 100;
        align-self: unset;
        display: flex;
        position: fixed;
        top: 16px;
        right: 16px;
        width: 400px;
        max-width: calc(100vw - 32px);
        min-width: unset;
        height: auto;
        max-height: calc(100vh - 32px);
        min-height: unset;
        background-color: var(--7c34eb49-a117-4ae2-ac84-279b97227b54,#1E1E1E);
        box-shadow: 0 20px 70px #00000080;
        border: 1px solid var(--ea60b259-5838-47ec-85eb-e9ec3cbebc3f,rgba(0,210,180,.25));
        border-radius: 18px;
      }
      @media (max-width: 767px) {
        .ww-e-dYM {
          padding: 20px;
          top: 8px;
          right: 8px;
          width: calc(100vw - 16px);
          max-width: calc(100vw - 16px);
          max-height: calc(100vh - 80px);
        }
      }
      .ww-e-dYM.ww-layout, .ww-e-dYM [data-ww-ls~="dYM"] {
        display: flex;
        flex-flow: column;
        gap: 18px;
      }
      .ww-e-dYN {
        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: Inter;
        color: var(--a25fc6ce-c18f-476f-9fb3-c90d26c5446f,#00D2B4);
        white-space-collapse: preserve;
      }
      .ww-e-dYO {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-family: var(--ww-default-font-family);
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dYO:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dYP {
        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: 44px;
      }
      .ww-e-dYQ {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 240px;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
      }
      .ww-e-dYR {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dYR:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dYS {
        margin: 0;
        padding: 10px 16px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        font-size: 13px;
        font-family: Inter;
        text-align: center;
        color: var(--72992783-60b6-4c5a-8360-8ffd8cc60b80,#FFFFFF);
        white-space-collapse: preserve;
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        cursor: pointer;
        transition: border-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--37c336a4-5962-4b97-8a45-56a96224e0c2,#2A2E39);
        border-radius: 12px;
        --ww-element-transition: border-color 160ms ease, transform 160ms ease;
      }
      .ww-e-dYS:where(:hover) {
        transform: translateY(-1px);
        border: 1px solid var(--94474078-d797-421f-98e4-264301872768,#2868D6);
      }
      .ww-e-dYT {
        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: 44px;
      }
      .ww-e-dYV {
        margin: 0;
        padding: 6px;
        z-index: unset;
        align-self: unset;
        display: inline-flex;
        width: 44px;
        flex: 0 0 auto;
        max-width: unset;
        min-width: 44px;
        height: 44px;
        max-height: unset;
        min-height: unset;
        font-size: 24px;
        font-family: Inter;
        font-weight: 600;
        color: var(--a25fc6ce-c18f-476f-9fb3-c90d26c5446f,#00D2B4);
        white-space-collapse: preserve;
        background-color: var(--f70a9405-de31-4dd4-b341-c1b82b88d368,rgba(0,210,180,.15));
        cursor: pointer;
        transition: background-color .15s ease, transform .15s ease;
        border: 1px solid var(--ea60b259-5838-47ec-85eb-e9ec3cbebc3f,rgba(0,210,180,.25));
        border-radius: 10px;
        --ww-element-transition: background-color .15s ease, transform .15s ease;
      }
      .ww-e-dYV:where(:hover) {
        background-color: var(--13e19d75-2921-46d2-800f-c3d5bf39281e,#252830);
        transform: translateY(-1px);
      }
    }
    @layer custom {
      .ww-e-dXo {
        box-sizing: border-box;
      }
      .ww-e-dXt {
        box-sizing: border-box;
      }
      .ww-e-dY2 {
        order: -1;
      }
      .ww-e-dYC {
        box-sizing: border-box;
      }
    }
  }
  @layer instance {
    @layer normal, custom;
    @layer normal {
    }
    @layer custom {
    }
  }
}
@layer ww-style-section {
  @layer normal, custom;
  @layer normal {
    @layer atomic, ordered;
    @layer atomic {
    }
    @layer ordered {
    }
  }
  @layer custom {
  }
}
@layer ww-style-element {
  @layer normal, custom;
  @layer normal {
    @layer atomic, ordered;
    @layer atomic {
    }
    @layer ordered {
    }
  }
  @layer custom {
  }
}
@layer ww-style-layout-override {
}