@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-align-items-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-justify-content-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-style-opacity {
  syntax: "*";
  inherits: false;
}
@property --ww-style-height {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
      .ww-e-d38 {
        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-d2o {
        margin: 0;
        padding: calc(env(safe-area-inset-top) + 8px) 10px calc(env(safe-area-inset-bottom) + 12px) 10px;
        overflow: hidden;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 86vw;
        max-width: 360px;
        min-width: unset;
        height: 100dvh;
        max-height: unset;
        min-height: unset;
        background-color: var(--86b313d3-5237-4adb-8c79-56915c492665,#121A22);
        box-shadow: 1px 0 0 0 var(--71e84b15-7091-416e-a704-c6d35651f7ad,#2E4051), 24px 0 48px var(--cee4eb80-3234-47a6-83e1-252933c392cd,rgba(4, 8, 12, 0.45));
      }
      .ww-e-d2o.ww-layout, .ww-e-d2o [data-ww-ls~="d2o"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-d2p {
        margin: 0;
        padding: 0 0 0 10px;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 44px;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d2p.ww-layout, .ww-e-d2p [data-ww-ls~="d2p"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-d2q {
        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: var(--8dea6c28-fdbc-406d-b72a-e182811da733,600 16px/1.2 var(--ww-default-font-family, sans-serif));
        color: var(--2172ed72-2e1a-41c5-b843-9ec187537b4f,#FFFFFF);
        white-space-collapse: preserve;
      }
      .ww-e-d2r {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 22px;
        max-width: unset;
        min-width: unset;
        height: 22px;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d2s {
        margin: 0;
        padding: 14px 12px 6px;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--f69b29f1-1481-476c-89fd-9633bcfd681d,600 11px/1.3 var(--ww-default-font-family, sans-serif));
        color: var(--35ad83ef-a00e-4a3b-a9c1-d972e8ff7f92,#7E91A2);
        text-transform: uppercase;
        letter-spacing: 1.6px;
        white-space-collapse: preserve;
      }
      .ww-e-d2t {
        margin: 0;
        padding: 4px 2px;
        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;
      }
      .ww-e-d2t.ww-layout, .ww-e-d2t [data-ww-ls~="d2t"] {
        display: var(--ww-style-display, none);
        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-d2u {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 58px;
        max-height: unset;
        min-height: unset;
        background-color: var(--c80e2a14-e69a-4f95-b72f-8c2149831b19,#1A2631);
        animation-duration: 1.4s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: infinite;
        animation-name: ww-keyframes-element-1cea76cd-d705-4d98-a85a-4b7d1e9b58ce-base-default;
        border-radius: 14px;
      }
      @keyframes ww-keyframes-element-1cea76cd-d705-4d98-a85a-4b7d1e9b58ce-base-default {
        0% {
          opacity: 0.45;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0.45;
        }
      }
      .ww-e-d2u.ww-layout, .ww-e-d2u [data-ww-ls~="d2u"] {
        display: flex;
      }
      .ww-e-d2v {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 58px;
        max-height: unset;
        min-height: unset;
        background-color: var(--c80e2a14-e69a-4f95-b72f-8c2149831b19,#1A2631);
        animation-duration: 1.4s;
        animation-timing-function: ease-in-out;
        animation-delay: .12s;
        animation-iteration-count: infinite;
        animation-name: ww-keyframes-element-ad3d01cd-586f-428d-9b08-b8599f313020-base-default;
        border-radius: 14px;
      }
      @keyframes ww-keyframes-element-ad3d01cd-586f-428d-9b08-b8599f313020-base-default {
        0% {
          opacity: 0.45;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0.45;
        }
      }
      .ww-e-d2v.ww-layout, .ww-e-d2v [data-ww-ls~="d2v"] {
        display: flex;
      }
      .ww-e-d2w {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 58px;
        max-height: unset;
        min-height: unset;
        background-color: var(--c80e2a14-e69a-4f95-b72f-8c2149831b19,#1A2631);
        animation-duration: 1.4s;
        animation-timing-function: ease-in-out;
        animation-delay: .24s;
        animation-iteration-count: infinite;
        animation-name: ww-keyframes-element-db7156bc-bbbe-4b2e-a8e4-7f696d8dcf89-base-default;
        border-radius: 14px;
      }
      @keyframes ww-keyframes-element-db7156bc-bbbe-4b2e-a8e4-7f696d8dcf89-base-default {
        0% {
          opacity: 0.45;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0.45;
        }
      }
      .ww-e-d2w.ww-layout, .ww-e-d2w [data-ww-ls~="d2w"] {
        display: flex;
      }
      .ww-e-d2x {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 58px;
        max-height: unset;
        min-height: unset;
        background-color: var(--c80e2a14-e69a-4f95-b72f-8c2149831b19,#1A2631);
        animation-duration: 1.4s;
        animation-timing-function: ease-in-out;
        animation-delay: .36s;
        animation-iteration-count: infinite;
        animation-name: ww-keyframes-element-6ec8fe81-4dba-471d-8e45-59300ab7e879-base-default;
        border-radius: 14px;
      }
      @keyframes ww-keyframes-element-6ec8fe81-4dba-471d-8e45-59300ab7e879-base-default {
        0% {
          opacity: 0.45;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0.45;
        }
      }
      .ww-e-d2x.ww-layout, .ww-e-d2x [data-ww-ls~="d2x"] {
        display: flex;
      }
      .ww-e-d2y {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 58px;
        max-height: unset;
        min-height: unset;
        background-color: var(--c80e2a14-e69a-4f95-b72f-8c2149831b19,#1A2631);
        animation-duration: 1.4s;
        animation-timing-function: ease-in-out;
        animation-delay: .48s;
        animation-iteration-count: infinite;
        animation-name: ww-keyframes-element-cca381c8-b549-42be-83d7-dfd9b7000102-base-default;
        border-radius: 14px;
      }
      @keyframes ww-keyframes-element-cca381c8-b549-42be-83d7-dfd9b7000102-base-default {
        0% {
          opacity: 0.45;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0.45;
        }
      }
      .ww-e-d2y.ww-layout, .ww-e-d2y [data-ww-ls~="d2y"] {
        display: flex;
      }
      .ww-e-d2z {
        margin: 0;
        padding: 36px 18px;
        z-index: unset;
        align-self: unset;
        display: var(--ww-style-display, none);
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d2z.ww-layout, .ww-e-d2z [data-ww-ls~="d2z"] {
        display: var(--ww-style-display, none);
        flex-direction: var(--ww-content-flex-direction-layout-flex, revert-layer);
        align-items: var(--ww-content-align-items-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-d30 {
        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: var(--84c32164-2f9c-45ae-9a18-7553b942be61,500 14px/1.35 var(--ww-default-font-family, sans-serif));
        text-align: center;
        color: var(--51ff2b4f-efba-4863-8597-3ec5ccb8e394,#9DB1C1);
        white-space-collapse: preserve;
      }
      .ww-e-d31 {
        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: var(--fc1afec4-7081-45a7-9953-3208574baff2,500 13px/1.2 var(--ww-default-font-family, sans-serif));
        color: var(--51ff2b4f-efba-4863-8597-3ec5ccb8e394,#9DB1C1);
        white-space-collapse: preserve;
      }
      .ww-e-d32 {
        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;
      }
      .ww-e-d32.ww-layout, .ww-e-d32 [data-ww-ls~="d32"] {
        display: var(--ww-style-display, none);
        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-d33 {
        margin: 0;
        padding: 0;
        overflow: hidden;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--13371e34-4d2f-4de6-acda-aa20ec389da8,600 15px/1.3 var(--ww-default-font-family, sans-serif));
        color: var(--2172ed72-2e1a-41c5-b843-9ec187537b4f,#FFFFFF);
        white-space-collapse: preserve;
      }
      .ww-e-d34 {
        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: var(--f69b29f1-1481-476c-89fd-9633bcfd681d,600 11px/1.3 var(--ww-default-font-family, sans-serif));
        color: var(--35ad83ef-a00e-4a3b-a9c1-d972e8ff7f92,#7E91A2);
        letter-spacing: .3px;
        white-space-collapse: preserve;
      }
      .ww-e-d35 {
        margin: 0;
        padding: 0;
        overflow: hidden;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--8adc7566-0f44-4868-8a2b-725d3a8c9544,400 13px/1.35 var(--ww-default-font-family, sans-serif));
        color: var(--51ff2b4f-efba-4863-8597-3ec5ccb8e394,#9DB1C1);
        white-space-collapse: preserve;
      }
      .ww-e-d36 {
        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: var(--fc1afec4-7081-45a7-9953-3208574baff2,500 13px/1.2 var(--ww-default-font-family, sans-serif));
        color: var(--51ff2b4f-efba-4863-8597-3ec5ccb8e394,#9DB1C1);
        white-space-collapse: preserve;
      }
      .ww-e-d37 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 44px;
        max-width: unset;
        min-width: unset;
        height: 44px;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
        transition: background-color 200ms ease, transform 150ms ease;
        border-radius: var(--bacaf231-2ec7-4d1e-aa88-e531aa6e0e70,9999px);
      }
      .ww-e-d37:where(:hover) {
        background-color: var(--c80e2a14-e69a-4f95-b72f-8c2149831b19,#1A2631);
        transform: scale(1.05);
      }
      .ww-e-d37.ww-layout, .ww-e-d37 [data-ww-ls~="d37"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-d39 {
        margin: 0;
        padding: 11px 12px;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 160ms ease, transform 160ms ease;
        border-radius: 14px;
      }
      .ww-e-d39:where(:hover) {
        background-color: var(--c80e2a14-e69a-4f95-b72f-8c2149831b19,#1A2631);
        transform: translateX(2px);
      }
      .ww-e-d39:where([data-ww-states~="current"]) {
        background-color: var(--a0c3fcfb-1c54-4e89-a454-1c113ca80aba,#293B4C);
        box-shadow: inset 3px 0 0 0 var(--0521372f-eb42-4ad8-94c9-2b1db2a988c0,#F2A541);
      }
      .ww-e-d39.ww-layout, .ww-e-d39 [data-ww-ls~="d39"] {
        display: flex;
        flex-flow: column;
        gap: 3px;
      }
      .ww-e-d3A {
        margin: 10px 0 4px;
        padding: 0 18px;
        z-index: unset;
        align-self: unset;
        display: var(--ww-style-display, none);
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--71e84b15-7091-416e-a704-c6d35651f7ad,#2E4051);
        border-radius: 9999px;
      }
      .ww-e-d3A:where(:hover) {
        background-color: var(--c80e2a14-e69a-4f95-b72f-8c2149831b19,#1A2631);
        transform: scale(1.02);
      }
      .ww-e-d3A.ww-layout, .ww-e-d3A [data-ww-ls~="d3A"] {
        display: var(--ww-style-display, none);
        flex-direction: var(--ww-content-flex-direction-layout-flex, revert-layer);
        justify-content: var(--ww-content-justify-content-layout-flex, revert-layer);
        align-items: var(--ww-content-align-items-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-d3B {
        margin: 10px 0 4px;
        padding: 0 18px;
        z-index: unset;
        align-self: unset;
        display: var(--ww-style-display, none);
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 44px;
        background-color: #0000;
        cursor: pointer;
        opacity: var(--ww-style-opacity, 1);
        transition: background-color 160ms ease, transform 160ms ease;
        border: 1px solid var(--71e84b15-7091-416e-a704-c6d35651f7ad,#2E4051);
        border-radius: 9999px;
      }
      .ww-e-d3B:where(:hover) {
        background-color: var(--c80e2a14-e69a-4f95-b72f-8c2149831b19,#1A2631);
        transform: scale(1.02);
      }
      .ww-e-d3B.ww-layout, .ww-e-d3B [data-ww-ls~="d3B"] {
        display: var(--ww-style-display, none);
        flex-direction: var(--ww-content-flex-direction-layout-flex, revert-layer);
        justify-content: var(--ww-content-justify-content-layout-flex, revert-layer);
        align-items: var(--ww-content-align-items-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-d3C {
        margin: 0;
        padding: 0 0 8px;
        overflow: auto;
        z-index: unset;
        align-self: unset;
        display: flex;
        flex: 1 1 auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d3C.ww-layout, .ww-e-d3C [data-ww-ls~="d3C"] {
        display: flex;
        flex-flow: column;
        gap: 2px;
      }
    }
    @layer custom {
      .ww-e-d33 {
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .ww-e-d35 {
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .ww-e-d3A {
        align-self: center;
      }
      .ww-e-d3B {
        align-self: center;
      }
      .ww-e-d3C {
        scrollbar-color: #2e4051 #0000;
        scrollbar-width: thin;
      }
    }
  }
  @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 {
}
