@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-content-ww-text-font-weight {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border {
  syntax: "*";
  inherits: false;
}
@property --ww-style-opacity {
  syntax: "*";
  inherits: false;
}
@property --ww-style-pointer-events {
  syntax: "*";
  inherits: false;
}
@property --ww-style-display {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-direction-layout-flex {
  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-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-grid-template-columns-layout-grid {
  syntax: "*";
  inherits: false;
}
@property --ww-content-column-gap-layout-grid {
  syntax: "*";
  inherits: false;
}
@property --ww-content-row-gap-layout-grid {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-text-decoration {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-cursor {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-grid-columns {
  syntax: "*";
  inherits: false;
}
@property --ww-style-box-shadow {
  syntax: "*";
  inherits: false;
}
@property --ww-style-transform {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border-radius {
  syntax: "*";
  inherits: false;
}
@property --ww-style-width {
  syntax: "*";
  inherits: false;
}
@property --ww-style-height {
  syntax: "*";
  inherits: false;
}
@property --ww-style-padding {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-gradient {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-font-size {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-letter-spacing {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-text-transform {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border-top {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border-bottom {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
      .ww-e-dV6 {
        margin: 0 auto;
        padding: 12px 24px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 100%;
        max-width: 1200px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: var(--1238dc3b-c009-4a2c-b6ec-8e5ee9a21684, #FFFFFF);
        box-shadow: 3px 3px #000;
        border: 3px solid #000;
        border-radius: 9999px;
      }
      @media (max-width: 991px) {
        .ww-e-dV6 {
          padding: 10px 18px;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dV6 {
          padding: 8px 12px;
        }
      }
      .ww-e-dV6.ww-layout, .ww-e-dV6 [data-ww-ls~="dV6"] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: revert-layer;
      }
      .ww-e-dV5 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 15px;
        font-family: Inter, sans-serif;
        font-weight: var(--ww-content-ww-text-font-weight);
        color: #000;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-dV5 {
          font-size: 13px;
        }
      }
      .ww-e-dV7 {
        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;
      }
      .ww-e-dV7.ww-layout, .ww-e-dV7 [data-ww-ls~="dV7"] {
        display: flex;
        align-items: center;
      }
      .ww-e-dV8 {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: revert-layer;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
      }
      @media (max-width: 767px) {
        .ww-e-dV8 {
          height: 26px;
        }
      }
      .ww-e-dV9 {
        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-dV9.ww-layout, .ww-e-dV9 [data-ww-ls~="dV9"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dV9.ww-layout, .ww-e-dV9 [data-ww-ls~="dV9"] {
          gap: 4px;
        }
      }
      .ww-e-dVA {
        margin: 0;
        padding: 6px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: all 0.15s ease;
        border: var(--ww-style-border);
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-dVA {
          padding: 4px 8px;
        }
      }
      .ww-e-dVA:where(:hover) {
        background-color: var(--8f7dd691-a09d-4768-abea-afac4033101a,#eca9db);
        transform: translateY(-1px);
      }
      .ww-e-dVA.ww-layout, .ww-e-dVA [data-ww-ls~="dVA"] {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .ww-e-dVB {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 15px;
        font-family: Inter, sans-serif;
        font-weight: var(--ww-content-ww-text-font-weight);
        color: #000;
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-dVB {
          font-size: 13px;
        }
      }
      .ww-e-dVC {
        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-dVD {
        margin: 0 0 0 2px;
        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, sans-serif;
        font-weight: 800;
        color: #000;
        white-space-collapse: preserve;
      }
      .ww-e-dVE {
        margin: 0;
        padding: 10px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: background-color 0.15s ease;
        border-radius: 10px;
      }
      .ww-e-dVE:where(:hover) {
        background-color: var(--8f7dd691-a09d-4768-abea-afac4033101a,#eca9db);
      }
      .ww-e-dVE.ww-layout, .ww-e-dVE [data-ww-ls~="dVE"] {
        display: flex;
        align-items: center;
      }
      .ww-e-dVF {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font-size: 15px;
        font-family: Inter, sans-serif;
        font-weight: var(--ww-content-ww-text-font-weight);
        color: #000;
        white-space-collapse: preserve;
        cursor: pointer;
      }
      @media (max-width: 767px) {
        .ww-e-dVF {
          font-size: 13px;
        }
      }
      .ww-e-dVG {
        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, sans-serif;
        font-weight: 800;
        color: #000;
        white-space-collapse: preserve;
      }
      .ww-e-dVH {
        margin: 0;
        padding: 10px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: background-color 0.15s ease;
        border-radius: 10px;
      }
      .ww-e-dVH:where(:hover) {
        background-color: var(--8f7dd691-a09d-4768-abea-afac4033101a,#eca9db);
      }
      .ww-e-dVH.ww-layout, .ww-e-dVH [data-ww-ls~="dVH"] {
        display: flex;
        align-items: center;
      }
      .ww-e-dVI {
        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, sans-serif;
        font-weight: 800;
        color: #000;
        white-space-collapse: preserve;
      }
      .ww-e-dVJ {
        margin: 0;
        padding: 10px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: background-color 0.15s ease;
        border-radius: 10px;
      }
      .ww-e-dVJ:where(:hover) {
        background-color: var(--8f7dd691-a09d-4768-abea-afac4033101a,#eca9db);
      }
      .ww-e-dVJ.ww-layout, .ww-e-dVJ [data-ww-ls~="dVJ"] {
        display: flex;
        align-items: center;
      }
      .ww-e-dVK {
        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, sans-serif;
        font-weight: 800;
        color: #000;
        white-space-collapse: preserve;
      }
      .ww-e-dVL {
        margin: 0;
        padding: 6px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: all 0.15s ease;
        border: var(--ww-style-border);
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-dVL {
          padding: 4px 8px;
        }
      }
      .ww-e-dVL:where(:hover) {
        background-color: var(--8f7dd691-a09d-4768-abea-afac4033101a,#eca9db);
        transform: translateY(-1px);
      }
      .ww-e-dVL.ww-layout, .ww-e-dVL [data-ww-ls~="dVL"] {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .ww-e-dVM {
        margin: 0;
        padding: 10px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: background-color 0.15s ease;
        border-radius: 10px;
      }
      .ww-e-dVM:where(:hover) {
        background-color: var(--8f7dd691-a09d-4768-abea-afac4033101a,#eca9db);
      }
      .ww-e-dVM.ww-layout, .ww-e-dVM [data-ww-ls~="dVM"] {
        display: flex;
        align-items: center;
      }
      .ww-e-dVN {
        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, sans-serif;
        font-weight: 800;
        color: #000;
        white-space-collapse: preserve;
      }
      .ww-e-dVO {
        margin: 0;
        padding: 8px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: 200px;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #fff;
        box-shadow: 4px 4px #000;
        border: 3px solid #000;
        border-radius: 16px;
      }
      .ww-e-dVO.ww-layout, .ww-e-dVO [data-ww-ls~="dVO"] {
        display: flex;
        flex-flow: column;
        gap: 4px;
      }
      .ww-e-dVP {
        margin: 0;
        padding: 6px 14px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: all 0.15s ease;
        border: var(--ww-style-border);
        border-radius: 9999px;
      }
      @media (max-width: 767px) {
        .ww-e-dVP {
          padding: 4px 8px;
        }
      }
      .ww-e-dVP:where(:hover) {
        background-color: var(--8f7dd691-a09d-4768-abea-afac4033101a,#eca9db);
        transform: translateY(-1px);
      }
      .ww-e-dVP.ww-layout, .ww-e-dVP [data-ww-ls~="dVP"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        flex-wrap: revert-layer;
      }
    }
    @layer custom {
      .ww-e-dV6 {
        box-sizing: border-box;
      }
      .ww-e-dV8 {
        object-fit: contain;
      }
    }
  }
  @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 {
}