@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-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-width {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-font-weight {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border {
  syntax: "*";
  inherits: false;
}
@property --ww-style-background-color {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-text-decoration {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border-left {
  syntax: "*";
  inherits: false;
}
@property --ww-style-opacity {
  syntax: "*";
  inherits: false;
}
@property --ww-style-pointer-events {
  syntax: "*";
  inherits: false;
}
@property --ww-style-cursor {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-font-size {
  syntax: "*";
  inherits: false;
}
@property --ww-style-padding {
  syntax: "*";
  inherits: false;
}
@property --ww-style-overflow {
  syntax: "*";
  inherits: false;
}
@property --ww-style-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-style-height {
  syntax: "*";
  inherits: false;
}
@property --ww-style-box-shadow {
  syntax: "*";
  inherits: false;
}
@property --ww-style-text-decoration {
  syntax: "*";
  inherits: false;
}
@property --ww-style-display {
  syntax: "*";
  inherits: false;
}
@property --ww-style-flex-basis {
  syntax: "*";
  inherits: false;
}
@property --ww-style-white-space {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
      .ww-e-dJO {
        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-dJW {
        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-dJP {
        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 20px/1.3 var(--ww-default-font-family, serif);
        color: #3a3226;
        white-space-collapse: preserve;
      }
      .ww-e-dJQ {
        margin: 0;
        padding: 28px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 90vw;
        max-width: 440px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #fbf6ec;
        box-shadow: 0 8px 24px #2a221a2e;
        border: 1px solid #e5e0d8;
        border-radius: 12px;
      }
      .ww-e-dJQ.ww-layout, .ww-e-dJQ [data-ww-ls~="dJQ"] {
        display: flex;
        flex-flow: column;
        gap: 16px;
      }
      .ww-e-dJR {
        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 14px/1.5 var(--ww-default-font-family, sans-serif);
        color: #6b5d4f;
        white-space-collapse: preserve;
      }
      .ww-e-dJS {
        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 14px/1.5 var(--ww-default-font-family, sans-serif);
        color: #6b5d4f;
        white-space-collapse: preserve;
      }
      .ww-e-dJT {
        margin: 4px 0 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-dJT.ww-layout, .ww-e-dJT [data-ww-ls~="dJT"] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        gap: 12px;
        flex-wrap: revert-layer;
      }
      .ww-e-dJU {
        margin: 0;
        padding: 10px 18px;
        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: 600 14px/1 var(--ww-default-font-family, sans-serif);
        color: #6b5d4f;
        white-space-collapse: preserve;
        background-color: #0000;
        cursor: pointer;
        transition: background-color 0.2s ease, border-color 0.2s ease;
        border: 1px solid #c9c2b4;
        border-radius: 8px;
        --ww-element-transition: background-color 0.2s ease, border-color 0.2s ease;
      }
      .ww-e-dJU:where(:hover) {
        background-color: #f1ece1;
        border: 1px solid #9a9488;
      }
      .ww-e-dJV {
        margin: 0;
        padding: 10px 18px;
        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: 600 14px/1 var(--ww-default-font-family, sans-serif);
        color: #faf7f2;
        white-space-collapse: preserve;
        background-color: #6b2737;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border: none;
        border-radius: 8px;
        --ww-element-transition: background-color 0.2s ease;
      }
      .ww-e-dJV:where(:hover) {
        background-color: #54202c;
      }
      .ww-e-dJX {
        margin: 0;
        padding: 24px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: 400px;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background-color: #fff;
        border-radius: 12px;
      }
      .ww-e-dJX.ww-layout, .ww-e-dJX [data-ww-ls~="dJX"] {
        display: flex;
        flex-flow: column;
        gap: 16px;
      }
      .ww-e-dJY {
        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: 18px;
        font-family: var(--ww-default-font-family);
        font-weight: 600;
        white-space-collapse: preserve;
      }
      .ww-e-dJZ {
        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: var(--ww-default-font-family);
        white-space-collapse: preserve;
      }
      .ww-e-dJa {
        margin: 0;
        padding: 12px 24px;
        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: 16px;
        font-family: var(--ww-default-font-family);
        font-weight: 500;
        color: #fff;
        white-space-collapse: preserve;
        background-color: #3b82f6;
        cursor: pointer;
        border: none;
        border-radius: 8px;
      }
      .ww-e-dJa:where(:hover) {
        background-color: #2563eb;
      }
    }
    @layer custom {
    }
  }
  @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 {
}