@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-box-shadow {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-width {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-animation-play-state {
  syntax: "*";
  inherits: false;
}
@property --ww-style-cursor {
  syntax: "*";
  inherits: false;
}
@property --ww-style-opacity {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border-bottom {
  syntax: "*";
  inherits: false;
}
@property --ww-style-display {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-direction-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-align-items-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-row-gap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-column-gap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-wrap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-justify-content-layout-flex {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
      .ww-e-dDt {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: unset;
        height: 60px;
        max-height: unset;
        min-height: unset;
        background-color: var(--d3a60edc-64f9-446a-b2c1-e18c24a4b0a1,#FFFFFF);
      }
      .ww-e-dDt.ww-layout, .ww-e-dDt [data-ww-ls~="dDt"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dDY {
        margin: 0 auto;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: 720px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      @media (max-width: 767px) {
        .ww-e-dDY {
          margin: 0 auto;
          padding: 0;
          display: flex;
          width: 100%;
          max-width: 100%;
        }
      }
      .ww-e-dDY.ww-layout, .ww-e-dDY [data-ww-ls~="dDY"] {
        display: flex;
        flex-flow: column;
        gap: 6px;
      }
      @media (max-width: 767px) {
        .ww-e-dDY.ww-layout, .ww-e-dDY [data-ww-ls~="dDY"] {
          display: flex;
          flex-flow: column;
          gap: 6px;
        }
      }
      .ww-e-dDM {
        margin: 0;
        padding: 0 8px;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        flex: 1 1 auto;
        max-width: unset;
        min-width: 0;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--5aee6aba-aff2-4dda-8b6f-a50ab2e05090, 400 15px/1.6 var(--ww-default-font-family, sans-serif));
        color: #0f172a;
        white-space-collapse: preserve;
        background-color: #0000;
        box-shadow: none;
        border: none;
        outline: none;
        --placeholder-color: var(--ad3c0652-ec54-4d08-9fc5-110ad425dfff, #64748B);
      }
      @media (max-width: 767px) {
        .ww-e-dDM {
          padding: 6px 8px;
          font-size: 14px;
        }
      }
      .ww-e-dDN {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 36px;
        flex: 0 0 36px;
        max-width: unset;
        min-width: 36px;
        height: 36px;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        box-shadow: var(--ww-style-box-shadow, none);
        transition: background-color 0.2s ease, transform 0.2s ease;
        border: none;
        border-radius: var(--92527712-afdd-40eb-94ec-ca70210d058c,9999px);
      }
      @media (max-width: 767px) {
        .ww-e-dDN {
          width: 32px;
          flex: 0 0 32px;
          height: 32px;
        }
      }
      .ww-e-dDN:where(:hover) {
        background-color: var(--4dcf1fd4-ba50-4b6f-828b-6f99471d7902,#F1F5F9);
        transform: scale(1.05);
      }
      .ww-e-dDN.ww-layout, .ww-e-dDN [data-ww-ls~="dDN"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dDO {
        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-dDP {
        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-dDQ {
        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-dDR {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 26px;
        max-width: unset;
        min-width: 26px;
        height: 26px;
        max-height: unset;
        min-height: 26px;
        font-size: 12px;
        font-family: var(--ww-default-font-family);
        font-weight: 700;
        color: #64748b;
        white-space-collapse: preserve;
        background-color: #f1f5f9;
        cursor: pointer;
        transition: background-color 0.15s ease, transform 0.15s ease, color 0.15s ease;
        border: none;
        border-radius: 9999px;
        --ww-element-transition: background-color 0.15s ease, transform 0.15s ease, color 0.15s ease;
      }
      .ww-e-dDR:where(:hover) {
        color: #dc2626;
        background-color: #fee2e2;
        transform: scale(1.08);
      }
      .ww-e-dDS {
        margin: 0 0 4px 12px;
        padding: 6px 12px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: fit-content;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #fff;
        box-shadow: 0 4px 12px #0000000f;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
      }
      .ww-e-dDS.ww-layout, .ww-e-dDS [data-ww-ls~="dDS"] {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex-wrap: revert-layer;
      }
      .ww-e-dDT {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 48px;
        max-width: unset;
        min-width: unset;
        height: 48px;
        max-height: unset;
        min-height: unset;
        border-radius: 8px;
        --wwi-of: cover;
      }
      .ww-e-dDU {
        margin: 0;
        padding: 6px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: 720px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: 52px;
        background-color: #fff;
        box-shadow: 0 4px 20px -2px #0000001f;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
        border: 1px solid #cbd5e1;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-dDU {
          padding: 6px 10px;
          width: 100%;
          max-width: 100%;
          min-height: 48px;
          background-color: #fff;
          box-shadow: 0 4px 20px -2px #0000001f;
          border: 1px solid #cbd5e1;
          border-radius: 9999px;
        }
      }
      .ww-e-dDU:where(:hover) {
        box-shadow: 0 8px 18px -2px #00000014;
        border: 1px solid #cbd5e1;
      }
      .ww-e-dDU.ww-layout, .ww-e-dDU [data-ww-ls~="dDU"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDU.ww-layout, .ww-e-dDU [data-ww-ls~="dDU"] {
          gap: 6px;
        }
      }
      .ww-e-dDV {
        margin: 0;
        padding: 0;
        z-index: 10;
        align-self: unset;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: 100%;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
        opacity: 0;
      }
      .ww-e-dDW {
        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-dDX {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 36px;
        flex: 0 0 38px;
        max-width: unset;
        min-width: 36px;
        height: 36px;
        max-height: unset;
        min-height: unset;
        background-color: var(--cf79b344-2038-4c54-91d1-67ec9d2be508,#2563EB);
        cursor: pointer;
        box-shadow: 0 2px 6px #2563eb4d;
        transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
        border: none;
        border-radius: var(--92527712-afdd-40eb-94ec-ca70210d058c,9999px);
      }
      @media (max-width: 767px) {
        .ww-e-dDX {
          width: 34px;
          flex: 0 0 34px;
          height: 34px;
        }
      }
      .ww-e-dDX:where(:hover) {
        background-color: var(--572492d0-64c5-4dc3-b63b-6024db170012,#1D4ED8);
        box-shadow: 0 4px 10px #2563eb66;
        transform: scale(1.05);
      }
      .ww-e-dDX.ww-layout, .ww-e-dDX [data-ww-ls~="dDX"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dDZ {
        margin: 0;
        padding: 0;
        overflow: hidden;
        z-index: unset;
        align-self: unset;
        display: flex;
        position: revert-layer;
        inset: revert-layer;
        width: 36px;
        flex: 0 0 36px;
        max-width: unset;
        min-width: 36px;
        height: 36px;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.2s ease, transform 0.2s ease;
        border: none;
        border-radius: var(--92527712-afdd-40eb-94ec-ca70210d058c,9999px);
      }
      @media (max-width: 767px) {
        .ww-e-dDZ {
          width: 32px;
          flex: 0 0 32px;
          height: 32px;
        }
      }
      .ww-e-dDZ:where(:hover) {
        background-color: var(--4dcf1fd4-ba50-4b6f-828b-6f99471d7902,#F1F5F9);
        transform: scale(1.05);
      }
      .ww-e-dDZ.ww-layout, .ww-e-dDZ [data-ww-ls~="dDZ"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dDa {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 36px;
        flex: 0 0 36px;
        max-width: unset;
        min-width: 36px;
        height: 36px;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.2s ease, transform 0.2s ease;
        border: none;
        border-radius: var(--92527712-afdd-40eb-94ec-ca70210d058c,9999px);
      }
      @media (max-width: 767px) {
        .ww-e-dDa {
          width: 32px;
          flex: 0 0 32px;
          height: 32px;
        }
      }
      .ww-e-dDa:where(:hover) {
        background-color: var(--4dcf1fd4-ba50-4b6f-828b-6f99471d7902,#F1F5F9);
        transform: scale(1.05);
      }
      .ww-e-dDa.ww-layout, .ww-e-dDa [data-ww-ls~="dDa"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dDb {
        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;
        cursor: pointer;
      }
      @media (max-width: 767px) {
        .ww-e-dDb {
          display: flex;
          min-width: 0;
          cursor: pointer;
        }
      }
      .ww-e-dDb.ww-layout, .ww-e-dDb [data-ww-ls~="dDb"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDb.ww-layout, .ww-e-dDb [data-ww-ls~="dDb"] {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 8px;
          flex-wrap: revert-layer;
        }
      }
      .ww-e-dDc {
        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: 700 18px/1.2 var(--ww-default-font-family, sans-serif);
        color: var(--91556270-4b14-493f-a59d-a4f7b5452a69,#0F172A);
        letter-spacing: -.02em;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-dDc {
          font: 700 15px/1.2 var(--ww-default-font-family, sans-serif);
          color: var(--91556270-4b14-493f-a59d-a4f7b5452a69,#0F172A);
          letter-spacing: -.02em;
        }
      }
      .ww-e-dDd {
        margin: 0;
        padding: 6px 13px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: var(--d3a60edc-64f9-446a-b2c1-e18c24a4b0a1,#FFFFFF);
        cursor: pointer;
        box-shadow: 0 1px 2px #00000008;
        transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
        border: 1px solid var(--3029dcfb-04be-4983-b0cf-a7bfa51668bd,#E2E8F0);
        border-radius: var(--92527712-afdd-40eb-94ec-ca70210d058c,9999px);
      }
      @media (max-width: 767px) {
        .ww-e-dDd {
          padding: 4px 8px;
          display: flex;
        }
      }
      .ww-e-dDd:where(:hover) {
        background-color: #fef2f2;
        box-shadow: 0 2px 8px #ef44441f;
        transform: translateY(-1px);
        border: 1px solid #fecaca;
      }
      .ww-e-dDd.ww-layout, .ww-e-dDd [data-ww-ls~="dDd"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 7px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDd.ww-layout, .ww-e-dDd [data-ww-ls~="dDd"] {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 5px;
          flex-wrap: revert-layer;
        }
      }
      .ww-e-dDe {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dDf {
        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: 500 13px/1.4 var(--ww-default-font-family, sans-serif);
        color: #475569;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-dDf {
          font-size: 12px;
        }
      }
      .ww-e-dDg {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 42px;
        max-width: unset;
        min-width: unset;
        height: 42px;
        max-height: unset;
        min-height: unset;
        border-radius: 9999px;
        --wwi-of: cover;
      }
      .ww-e-dDh {
        margin: 0;
        padding: 10px;
        z-index: 999;
        align-self: unset;
        display: flex;
        width: 220px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #fff;
        box-shadow: 0 16px 36px -4px #0000001f, 0 4px 12px -2px #0000000d;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
      }
      .ww-e-dDh.ww-layout, .ww-e-dDh [data-ww-ls~="dDh"] {
        display: flex;
        flex-flow: column;
        gap: 4px;
      }
      .ww-e-dDi {
        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: 600 14px / 1.3 Plus Jakarta Sans;
        color: #0f172a;
        white-space-collapse: preserve;
      }
      .ww-e-dDj {
        margin: 0;
        padding: 8px 10px;
        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.15s ease;
        border-radius: 8px;
      }
      .ww-e-dDj:where(:hover) {
        background-color: #f1f5f9;
      }
      .ww-e-dDj.ww-layout, .ww-e-dDj [data-ww-ls~="dDj"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        flex-wrap: revert-layer;
      }
      .ww-e-dDk {
        margin: 0;
        padding: 0;
        overflow: hidden;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 42px;
        max-width: unset;
        min-width: unset;
        height: 42px;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
        box-shadow: 0 2px 8px #00000014, 0 0 0 1px #e2e8f0;
        transition: transform 0.15s ease, box-shadow 0.15s ease;
        border: 2px solid #fff;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-dDk {
          width: 36px;
          height: 36px;
        }
      }
      .ww-e-dDk:where(:hover) {
        box-shadow: 0 4px 14px #4f46e540, 0 0 0 2px #6366f1;
        transform: scale(1.06);
      }
      .ww-e-dDk.ww-layout, .ww-e-dDk [data-ww-ls~="dDk"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dDl {
        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: 400 12px / 1.4 Plus Jakarta Sans;
        color: #64748b;
        white-space-collapse: preserve;
      }
      .ww-e-dDm {
        margin: 2px 0 4px;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: 1px;
        max-height: unset;
        min-height: unset;
        background-color: #f1f5f9;
      }
      .ww-e-dDm.ww-layout, .ww-e-dDm [data-ww-ls~="dDm"] {
        display: flex;
      }
      .ww-e-dDn {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 16px;
        max-width: unset;
        min-width: unset;
        height: 16px;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dDo {
        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: 500 13.5px / 1.4 Plus Jakarta Sans;
        color: #ef4444;
        white-space-collapse: preserve;
      }
      .ww-e-dDp {
        margin: 0;
        padding: 4px 8px 6px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dDp.ww-layout, .ww-e-dDp [data-ww-ls~="dDp"] {
        display: flex;
        flex-flow: column;
        gap: 2px;
      }
      .ww-e-dDq {
        margin: 0;
        padding: 8px 10px;
        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.15s ease;
        border-radius: 8px;
      }
      .ww-e-dDq:where(:hover) {
        background-color: #fee2e2;
      }
      .ww-e-dDq.ww-layout, .ww-e-dDq [data-ww-ls~="dDq"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        flex-wrap: revert-layer;
      }
      .ww-e-dDr {
        margin: 0;
        padding: 0 32px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: unset;
        height: 100%;
        max-height: unset;
        min-height: unset;
      }
      @media (max-width: 991px) {
        .ww-e-dDr {
          padding: 0 24px;
          height: 100%;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dDr {
          padding: 0 12px;
          width: 100%;
          max-width: 100%;
          height: 100%;
        }
      }
      .ww-e-dDr.ww-layout, .ww-e-dDr [data-ww-ls~="dDr"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dDs {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 14px;
        max-width: unset;
        min-width: unset;
        height: 14px;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dDu {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 16px;
        max-width: unset;
        min-width: unset;
        height: 16px;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dDv {
        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: 500 13.5px / 1.4 Plus Jakarta Sans;
        color: #0f172a;
        white-space-collapse: preserve;
      }
      .ww-e-dDw {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 36px;
        max-width: unset;
        min-width: unset;
        height: 36px;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dDw.ww-layout, .ww-e-dDw [data-ww-ls~="dDw"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dDx {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 36px;
        flex: 0 0 36px;
        max-width: unset;
        min-width: unset;
        height: 36px;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-dDy {
        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-dDy.ww-layout, .ww-e-dDy [data-ww-ls~="dDy"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
      }
      .ww-e-dDz {
        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-dDz.ww-layout, .ww-e-dDz [data-ww-ls~="dDz"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDz.ww-layout, .ww-e-dDz [data-ww-ls~="dDz"] {
          gap: 10px;
        }
      }
    }
    @layer custom {
      .ww-e-dDt {
        overflow-x: hidden;
      }
      .ww-e-dDT {
        object-fit: cover;
      }
      @media (max-width: 767px) {
        .ww-e-dDc {
          white-space: nowrap;
        }
      }
      .ww-e-dDf {
        white-space: nowrap;
      }
      .ww-e-dDr {
        overflow-x: hidden;
      }
    }
  }
  @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-O7d0yHYZ-2RKKWGm {
        min-height: unset;
      }
      .ww-a-tFVZ5qwIDTp5S8uI {
        min-width: unset;
        min-height: unset;
      }
    }
    @layer ordered {
      .ww-s-dA {
        height: auto;
        z-index: 50;
        overflow: hidden;
        max-height: none;
        display: flex;
        background-color: var(--d3a60edc-64f9-446a-b2c1-e18c24a4b0a1,#FFFFFF);
        position: sticky;
        top: 0;
        width: revert-layer;
      }
      .ww-s-dA > .ww-section-element {
        width: 100%;
        max-width: 100vw;
        max-height: none;
        border-bottom: 1px solid #e2e8f0;
        box-shadow: 0 1px 3px #00000008, 0 1px 2px -1px #00000005;
      }
      .ww-s-dA > .ww-section-element.ww-layout {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
      }
    }
  }
  @layer custom {
    .ww-s-dA {
      overflow-x: hidden;
    }
  }
}
@layer ww-style-element {
  @layer normal, custom;
  @layer normal {
    @layer atomic, ordered;
    @layer atomic {
      .ww-a-GfbQibRQPgXgCmyn {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-GY9OD6k0O9NAwLah {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-wepO1Mjw7DgHz3WK {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-Uds4CVZOBCUG_xSn {
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-YF0k00I-Mi8zOhMt {
        margin: 0;
        z-index: unset;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-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-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-e64GhYcJHEm1j0gb {
        margin: 0;
        align-self: unset;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-Tw06r54U1DPsK0jh {
        margin: 0;
        z-index: unset;
        align-self: var(--ww-section-root-auto-align, unset);
        min-width: unset;
        max-height: unset;
      }
      .ww-a-nZjgbPdLeWAAAagC {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-a-Fl9ul3d7deuE5K65 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: var(--ww-section-root-auto-align, unset);
        max-width: unset;
        min-width: unset;
        max-height: unset;
        min-height: unset;
      }
    }
    @layer ordered {
      .ww-e-d5Z {
        font: 700 18px/1.2 var(--ww-default-font-family, sans-serif);
        color: var(--91556270-4b14-493f-a59d-a4f7b5452a69,#0F172A);
        letter-spacing: -.02em;
        white-space-collapse: preserve;
      }
      .ww-e-d5a {
        width: 42px;
        height: 42px;
        border-radius: 9999px;
        --wwi-of: cover;
      }
      .ww-e-d5b {
        display: block;
      }
      .ww-e-d5c {
        margin: 2px 0 4px;
        width: 100%;
        height: 1px;
        background-color: #f1f5f9;
      }
      .ww-e-d5c.ww-layout, .ww-e-d5c [data-ww-ls~="d5c"] {
        display: flex;
      }
      .ww-e-d5d {
        padding: 4px 8px 6px;
        display: flex;
      }
      .ww-e-d5d.ww-layout, .ww-e-d5d [data-ww-ls~="d5d"] {
        display: flex;
        flex-flow: column;
        gap: 2px;
      }
      .ww-e-d5e {
        font: 600 14px / 1.3 Plus Jakarta Sans;
        color: #0f172a;
        white-space-collapse: preserve;
      }
      .ww-e-d5f {
        width: 16px;
        height: 16px;
      }
      .ww-e-d5g {
        display: flex;
        cursor: pointer;
      }
      .ww-e-d5g.ww-layout, .ww-e-d5g [data-ww-ls~="d5g"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        flex-wrap: revert-layer;
      }
      .ww-e-d5h {
        display: flex;
      }
      .ww-e-d5h.ww-layout, .ww-e-d5h [data-ww-ls~="d5h"] {
        display: flex;
        flex-flow: column;
        justify-content: center;
      }
      .ww-e-d5i {
        display: flex;
      }
      .ww-e-d5i.ww-layout, .ww-e-d5i [data-ww-ls~="d5i"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d5i.ww-layout, .ww-e-d5i [data-ww-ls~="d5i"] {
          gap: 10px;
        }
      }
      .ww-e-d5j {
        display: flex;
        width: 36px;
        height: 36px;
      }
      .ww-e-d5j.ww-layout, .ww-e-d5j [data-ww-ls~="d5j"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-d5k {
        padding: 10px;
        z-index: 999;
        display: flex;
        width: 220px;
        background-color: #fff;
        box-shadow: 0 16px 36px -4px #0000001f, 0 4px 12px -2px #0000000d;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
      }
      .ww-e-d5k.ww-layout, .ww-e-d5k [data-ww-ls~="d5k"] {
        display: flex;
        flex-flow: column;
        gap: 4px;
      }
      .ww-e-d5l {
        font: 400 12px / 1.4 Plus Jakarta Sans;
        color: #64748b;
        white-space-collapse: preserve;
      }
      .ww-e-d5m {
        font: 500 13.5px / 1.4 Plus Jakarta Sans;
        color: #0f172a;
        white-space-collapse: preserve;
      }
      .ww-e-d60 {
        font: 500 13.5px / 1.4 Plus Jakarta Sans;
        color: #ef4444;
        white-space-collapse: preserve;
      }
      .ww-e-d61 {
        padding: 8px 10px;
        display: flex;
        cursor: pointer;
        transition: background-color 0.15s ease;
        border-radius: 8px;
      }
      .ww-e-d61:where(:hover) {
        background-color: #fee2e2;
      }
      .ww-e-d61.ww-layout, .ww-e-d61 [data-ww-ls~="d61"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        flex-wrap: revert-layer;
      }
      .ww-e-d62 {
        overflow: hidden;
        display: flex;
        width: 42px;
        height: 42px;
        cursor: pointer;
        box-shadow: 0 2px 8px #00000014, 0 0 0 1px #e2e8f0;
        transition: transform 0.15s ease, box-shadow 0.15s ease;
        border: 2px solid #fff;
        border-radius: 9999px;
      }
      .ww-e-d62:where(:hover) {
        box-shadow: 0 4px 14px #4f46e540, 0 0 0 2px #6366f1;
        transform: scale(1.06);
      }
      .ww-e-d62.ww-layout, .ww-e-d62 [data-ww-ls~="d62"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-d63 {
        padding: 8px 10px;
        display: flex;
        cursor: pointer;
        transition: background-color 0.15s ease;
        border-radius: 8px;
      }
      .ww-e-d63:where(:hover) {
        background-color: #f1f5f9;
      }
      .ww-e-d63.ww-layout, .ww-e-d63 [data-ww-ls~="d63"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        flex-wrap: revert-layer;
      }
      .ww-e-d64 {
        width: 14px;
        height: 14px;
      }
      .ww-e-d65 {
        font: 500 13px/1.4 var(--ww-default-font-family, sans-serif);
        color: #475569;
        white-space-collapse: preserve;
      }
      .ww-e-d66 {
        padding: 6px 13px;
        display: flex;
        background-color: var(--d3a60edc-64f9-446a-b2c1-e18c24a4b0a1,#FFFFFF);
        cursor: pointer;
        box-shadow: 0 1px 2px #00000008;
        transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
        border: 1px solid var(--3029dcfb-04be-4983-b0cf-a7bfa51668bd,#E2E8F0);
        border-radius: var(--92527712-afdd-40eb-94ec-ca70210d058c,9999px);
      }
      .ww-e-d66:where(:hover) {
        background-color: #fef2f2;
        box-shadow: 0 2px 8px #ef44441f;
        transform: translateY(-1px);
        border: 1px solid #fecaca;
      }
      .ww-e-d66.ww-layout, .ww-e-d66 [data-ww-ls~="d66"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 7px;
        flex-wrap: revert-layer;
      }
      .ww-e-d67 {
        display: block;
        width: 36px;
        flex: 0 0 36px;
        height: 36px;
      }
      .ww-e-d68 {
        width: 14px;
        height: 14px;
      }
      .ww-e-d69 {
        font: 600 13px / 1.4 Plus Jakarta Sans;
        color: #4f46e5;
        white-space-collapse: preserve;
      }
      .ww-e-d6A {
        width: 14px;
        height: 14px;
      }
      .ww-e-d6B {
        width: 14px;
        height: 14px;
      }
      .ww-e-d6C {
        font: 500 13px / 1.4 Plus Jakarta Sans;
        color: #64748b;
        white-space-collapse: preserve;
      }
      .ww-e-d6D {
        padding: 5px 14px;
        display: flex;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.15s ease, color 0.15s ease;
        border: 1px solid #0000;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d6D {
          padding: 4px 10px;
        }
      }
      .ww-e-d6D:where(:hover) {
        background-color: #f1f5f9;
      }
      .ww-e-d6D.ww-layout, .ww-e-d6D [data-ww-ls~="d6D"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      .ww-e-d6E {
        display: flex;
        width: 100%;
      }
      .ww-e-d6F {
        font: 500 13px / 1.4 Plus Jakarta Sans;
        color: #64748b;
        white-space-collapse: preserve;
      }
      .ww-e-d6G {
        width: 14px;
        height: 14px;
      }
      .ww-e-d6H {
        font: 500 13px / 1.4 Plus Jakarta Sans;
        color: #64748b;
        white-space-collapse: preserve;
      }
      .ww-e-d6I {
        padding: 5px 14px;
        display: flex;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.15s ease, color 0.15s ease;
        border: 1px solid #0000;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d6I {
          padding: 4px 10px;
        }
      }
      .ww-e-d6I:where(:hover) {
        background-color: #f1f5f9;
      }
      .ww-e-d6I.ww-layout, .ww-e-d6I [data-ww-ls~="d6I"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      .ww-e-d6J {
        padding: 4px 32px;
        display: flex;
        width: 100%;
        max-width: 100vw;
        height: auto;
        min-height: 44px;
        background-color: #fff;
        border-top: 1px solid #f1f5f9;
      }
      @media (max-width: 991px) {
        .ww-e-d6J {
          padding: 4px 20px;
          width: 100%;
          max-width: 100vw;
          height: auto;
        }
      }
      @media (max-width: 767px) {
        .ww-e-d6J {
          padding: 4px 12px;
          width: 100%;
          max-width: 100vw;
          height: auto;
        }
      }
      .ww-e-d6J.ww-layout, .ww-e-d6J [data-ww-ls~="d6J"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d6J.ww-layout, .ww-e-d6J [data-ww-ls~="d6J"] {
          justify-content: flex-start;
        }
      }
      .ww-e-d6K {
        padding: 5px 14px;
        display: flex;
        background-color: #eef2ff;
        cursor: pointer;
        transition: background-color 0.15s ease, border-color 0.15s ease;
        border: 1px solid #c7d2fe;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d6K {
          padding: 4px 10px;
        }
      }
      .ww-e-d6K:where(:hover) {
        background-color: #e0e7ff;
      }
      .ww-e-d6K.ww-layout, .ww-e-d6K [data-ww-ls~="d6K"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      .ww-e-d6L {
        padding: 5px 14px;
        display: flex;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.15s ease, color 0.15s ease;
        border: 1px solid #0000;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d6L {
          padding: 4px 10px;
        }
      }
      .ww-e-d6L:where(:hover) {
        background-color: #f1f5f9;
      }
      .ww-e-d6L.ww-layout, .ww-e-d6L [data-ww-ls~="d6L"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      .ww-e-d6M {
        display: flex;
        width: 100%;
        max-width: 100%;
      }
      @media (max-width: 991px) {
        .ww-e-d6M {
          width: 100%;
          max-width: 100%;
        }
      }
      @media (max-width: 767px) {
        .ww-e-d6M {
          display: flex;
          width: 100%;
          max-width: 100%;
          min-width: unset;
        }
      }
      .ww-e-d6M.ww-layout, .ww-e-d6M [data-ww-ls~="d6M"] {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        align-content: revert-layer;
        gap: 8px;
      }
      @media (max-width: 991px) {
        .ww-e-d6M.ww-layout, .ww-e-d6M [data-ww-ls~="d6M"] {
          align-content: revert-layer;
          flex-wrap: wrap;
        }
      }
      @media (max-width: 767px) {
        .ww-e-d6M.ww-layout, .ww-e-d6M [data-ww-ls~="d6M"] {
          display: flex;
          flex-flow: wrap;
          justify-content: flex-start;
          align-items: center;
          align-content: revert-layer;
          gap: 6px;
        }
      }
      .ww-e-d6N {
        overflow: hidden;
        display: none;
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
      }
      .ww-e-d6P {
        width: 42px;
        height: 42px;
        border-radius: 9999px;
        --wwi-of: cover;
      }
      .ww-e-d6Q {
        width: 16px;
        height: 16px;
      }
    }
  }
  @layer custom {
    .ww-e-d65 {
      white-space: nowrap;
    }
    @media (min-width: 992px) {
      .ww-e-d6J {
        overflow-x: hidden;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .ww-e-d6J {
        overflow-x: hidden;
      }
    }
    @media (max-width: 767px) {
      .ww-e-d6J {
        overflow-x: hidden;
      }
    }
    .ww-e-d6N {
      pointer-events: none;
    }
  }
}
@layer ww-style-layout-override {
}