@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-background-color {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border {
  syntax: "*";
  inherits: false;
}
@property --ww-style-width {
  syntax: "*";
  inherits: false;
}
@property --ww-style-display {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-direction-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-wrap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-style-animation-play-state {
  syntax: "*";
  inherits: false;
}
@property --ww-style-box-shadow {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-text-decoration {
  syntax: "*";
  inherits: false;
}
@property --ww-style-transform {
  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-content-ww-text-font-weight {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
      .ww-e-d1DF {
        margin: 0 0 24px;
        padding: 6px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: revert-layer;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        box-shadow: 0 8px 30px #00000014, 0 2px 8px #0000000a;
        transform: scale3d(1, 1, 1) translate3d(0%, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
        border: 1px solid #8c7a6b2e;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d1DF {
          padding: 4px;
        }
      }
      .ww-e-d1DF.ww-layout, .ww-e-d1DF [data-ww-ls~="d1DF"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 4px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d1DF.ww-layout, .ww-e-d1DF [data-ww-ls~="d1DF"] {
          gap: 2px;
        }
      }
      .ww-e-d1DU {
        margin: 0;
        padding: 8px 16px;
        z-index: 999;
        align-self: unset;
        display: flex;
        position: fixed;
        bottom: 24px;
        left: 50%;
        width: revert-layer;
        max-width: max-content;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #fff;
        box-shadow: 0 4px 16px #00000014;
        transform: translateX(-50%);
        border: 1px solid #e2e8f0;
        border-radius: 50px;
      }
      .ww-e-d1DU.ww-layout, .ww-e-d1DU [data-ww-ls~="d1DU"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      .ww-e-d1D1 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 15px;
        max-width: unset;
        min-width: unset;
        height: 15px;
        max-height: unset;
        min-height: unset;
        transition: color 0.2s ease;
      }
      .ww-e-d1D2 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 15px;
        max-width: unset;
        min-width: unset;
        height: 15px;
        max-height: unset;
        min-height: unset;
        transition: color 0.2s ease;
      }
      .ww-e-d1D3 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: 16px;
        max-height: unset;
        min-height: unset;
        font: 500 13px / 16px Inter, sans-serif;
        color: var(--ww-content-ww-text-color);
        letter-spacing: -.01em;
        white-space-collapse: preserve;
        transition: color 0.2s ease;
        --ww-element-transition: color 0.2s ease;
      }
      @media (max-width: 767px) {
        .ww-e-d1D3 {
          font: 500 12px / 14px Inter, sans-serif;
        }
      }
      .ww-e-d1D4 {
        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 / 16px Inter, sans-serif;
        color: var(--ww-content-ww-text-color);
        letter-spacing: -.01em;
        white-space-collapse: preserve;
        transition: color 0.2s ease;
        --ww-element-transition: color 0.2s ease;
      }
      @media (max-width: 767px) {
        .ww-e-d1D4 {
          font: 500 12px / 14px Inter, sans-serif;
        }
      }
      .ww-e-d1D5 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 15px;
        max-width: unset;
        min-width: unset;
        height: 15px;
        max-height: unset;
        min-height: unset;
        transition: color 0.2s ease;
      }
      .ww-e-d1D6 {
        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 / 16px Inter, sans-serif;
        color: var(--ww-content-ww-text-color);
        letter-spacing: -.01em;
        white-space-collapse: preserve;
        transition: color 0.2s ease;
        --ww-element-transition: color 0.2s ease;
      }
      @media (max-width: 767px) {
        .ww-e-d1D6 {
          font: 500 12px / 14px Inter, sans-serif;
        }
      }
      .ww-e-d1D7 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 15px;
        max-width: unset;
        min-width: unset;
        height: 15px;
        max-height: unset;
        min-height: unset;
        transition: color 0.2s ease;
      }
      .ww-e-d1D8 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 15px;
        max-width: unset;
        min-width: unset;
        height: 15px;
        max-height: unset;
        min-height: unset;
        transition: color 0.2s ease;
      }
      .ww-e-d1D9 {
        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 / 16px Inter, sans-serif;
        color: var(--ww-content-ww-text-color);
        letter-spacing: -.01em;
        white-space-collapse: preserve;
        transition: color 0.2s ease;
        --ww-element-transition: color 0.2s ease;
      }
      @media (max-width: 767px) {
        .ww-e-d1D9 {
          font: 500 12px / 14px Inter, sans-serif;
        }
      }
      .ww-e-d1DA {
        margin: 0;
        padding: 8px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d1DA {
          padding: 6px 12px;
        }
      }
      .ww-e-d1DA:where(:hover) {
        background-color: #f5f0eb80;
      }
      .ww-e-d1DA.ww-layout, .ww-e-d1DA [data-ww-ls~="d1DA"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d1DA.ww-layout, .ww-e-d1DA [data-ww-ls~="d1DA"] {
          gap: 4px;
        }
      }
      .ww-e-d1DB {
        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 13px / 16px Inter, sans-serif;
        color: var(--ww-content-ww-text-color);
        letter-spacing: -.01em;
        white-space-collapse: preserve;
        transition: color 0.2s ease;
        --ww-element-transition: color 0.2s ease;
      }
      @media (max-width: 767px) {
        .ww-e-d1DB {
          font: 600 12px / 14px Inter, sans-serif;
        }
      }
      .ww-e-d1DC {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 15px;
        max-width: unset;
        min-width: unset;
        height: 15px;
        max-height: unset;
        min-height: unset;
        transition: color 0.2s ease;
      }
      .ww-e-d1DD {
        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 / 16px Inter, sans-serif;
        color: var(--ww-content-ww-text-color);
        letter-spacing: -.01em;
        white-space-collapse: preserve;
        transition: color 0.2s ease;
        --ww-element-transition: color 0.2s ease;
      }
      @media (max-width: 767px) {
        .ww-e-d1DD {
          font: 500 12px / 14px Inter, sans-serif;
        }
      }
      .ww-e-d1DE {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 15px;
        max-width: unset;
        min-width: unset;
        height: 15px;
        max-height: unset;
        min-height: unset;
        transition: color 0.2s ease;
      }
      .ww-e-d1DG {
        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 13px / 16px Inter, sans-serif;
        color: var(--ww-content-ww-text-color);
        letter-spacing: -.01em;
        white-space-collapse: preserve;
        transition: color 0.2s ease;
        --ww-element-transition: color 0.2s ease;
      }
      @media (max-width: 767px) {
        .ww-e-d1DG {
          font: 600 12px / 14px Inter, sans-serif;
        }
      }
      .ww-e-d1DH {
        margin: 0;
        padding: 8px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d1DH {
          padding: 6px 12px;
        }
      }
      .ww-e-d1DH:where(:hover) {
        background-color: #f5f0eb80;
      }
      .ww-e-d1DH.ww-layout, .ww-e-d1DH [data-ww-ls~="d1DH"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d1DH.ww-layout, .ww-e-d1DH [data-ww-ls~="d1DH"] {
          gap: 4px;
        }
      }
      .ww-e-d1DI {
        margin: 0;
        padding: 8px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #f5f0eb;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d1DI {
          padding: 6px 12px;
        }
      }
      .ww-e-d1DI:where(:hover) {
        background-color: #efe8df;
      }
      .ww-e-d1DI.ww-layout, .ww-e-d1DI [data-ww-ls~="d1DI"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d1DI.ww-layout, .ww-e-d1DI [data-ww-ls~="d1DI"] {
          gap: 4px;
        }
      }
      .ww-e-d1DJ {
        margin: 0;
        padding: 8px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d1DJ {
          padding: 6px 12px;
        }
      }
      .ww-e-d1DJ:where(:hover) {
        background-color: #f5f0eb80;
      }
      .ww-e-d1DJ.ww-layout, .ww-e-d1DJ [data-ww-ls~="d1DJ"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d1DJ.ww-layout, .ww-e-d1DJ [data-ww-ls~="d1DJ"] {
          gap: 4px;
        }
      }
      .ww-e-d1DK {
        margin: 0;
        padding: 8px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d1DK {
          padding: 6px 12px;
        }
      }
      .ww-e-d1DK:where(:hover) {
        background-color: #f5f0eb80;
      }
      .ww-e-d1DK.ww-layout, .ww-e-d1DK [data-ww-ls~="d1DK"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d1DK.ww-layout, .ww-e-d1DK [data-ww-ls~="d1DK"] {
          gap: 4px;
        }
      }
      .ww-e-d1DL {
        margin: 0;
        padding: 8px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d1DL {
          padding: 6px 12px;
        }
      }
      .ww-e-d1DL:where(:hover) {
        background-color: #f5f0eb80;
      }
      .ww-e-d1DL.ww-layout, .ww-e-d1DL [data-ww-ls~="d1DL"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d1DL.ww-layout, .ww-e-d1DL [data-ww-ls~="d1DL"] {
          gap: 4px;
        }
      }
      .ww-e-d1DM {
        margin: 0;
        padding: 8px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #f5f0eb;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-d1DM {
          padding: 6px 12px;
        }
      }
      .ww-e-d1DM:where(:hover) {
        background-color: #efe8df;
      }
      .ww-e-d1DM.ww-layout, .ww-e-d1DM [data-ww-ls~="d1DM"] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-d1DM.ww-layout, .ww-e-d1DM [data-ww-ls~="d1DM"] {
          gap: 4px;
        }
      }
      .ww-e-d1DN {
        margin: 0 6px 0 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d1DO {
        margin: 0 0 0 6px;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d1DP {
        margin: 0 0 0 6px;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d1DQ {
        margin: 0 6px 0 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d1DR {
        margin: 0 0 0 6px;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d1DS {
        margin: 0 6px 0 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 20px;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      .ww-e-d1DT {
        margin: 0;
        padding: 6px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 600;
        color: #0f172a;
        white-space-collapse: preserve;
        background-color: #0000;
        cursor: pointer;
        box-shadow: none;
        transition: all 0.15s ease;
        border: none;
        border-radius: 50px;
        --ww-element-transition: all 0.15s ease;
      }
      .ww-e-d1DT:where(:hover) {
        color: #0f172a;
        background-color: #f1f5f9;
        box-shadow: none;
        transform: translateY(-1px);
      }
      .ww-e-d1DV {
        margin: 0;
        padding: 6px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 600;
        color: #0f172a;
        white-space-collapse: preserve;
        background-color: #f1f5f9;
        cursor: pointer;
        box-shadow: none;
        transition: all 0.15s ease;
        border: none;
        border-radius: 50px;
        --ww-element-transition: all 0.15s ease;
      }
      .ww-e-d1DV:where(:hover) {
        color: #0f172a;
        background-color: #e2e8f0;
        box-shadow: none;
        transform: translateY(-1px);
      }
      .ww-e-d1DW {
        margin: 0;
        padding: 6px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: auto;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 13px;
        font-family: var(--ww-default-font-family);
        font-weight: 600;
        color: #0f172a;
        white-space-collapse: preserve;
        background-color: #0000;
        cursor: pointer;
        box-shadow: none;
        transition: all 0.15s ease;
        border: none;
        border-radius: 50px;
        --ww-element-transition: all 0.15s ease;
      }
      .ww-e-d1DW:where(:hover) {
        color: #0f172a;
        background-color: #f1f5f9;
        box-shadow: none;
        transform: translateY(-1px);
      }
    }
    @layer custom {
      .ww-e-d1DF {
        pointer-events: auto;
        backdrop-filter: blur(16px);
      }
      .ww-e-d1DU {
        box-sizing: border-box;
      }
      .ww-e-d1D3 {
        white-space: nowrap;
      }
      .ww-e-d1D4 {
        white-space: nowrap;
      }
      .ww-e-d1D6 {
        white-space: nowrap;
      }
      .ww-e-d1D9 {
        white-space: nowrap;
      }
      .ww-e-d1DB {
        white-space: nowrap;
      }
      .ww-e-d1DD {
        white-space: nowrap;
      }
      .ww-e-d1DG {
        white-space: nowrap;
      }
    }
  }
  @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 {
}