.spw-form:where(.spwf-default-style) {
  /* SPWForm form control reset start */
  /* SPWForm form control reset end */
  /* SPWForm div.spw-form style start */
  box-sizing: border-box;
  max-width: unset;
  padding: 0.6em 0.6em 1.2em;
  font-size: initial;
  /* SPWForm div.spw-form style end */
  /* SPWForm custom class style start */
  /* SPWForm custom class style end */ }
  .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input, textarea, select, option, button) {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    background-image: none;
    box-shadow: none;
    color: inherit;
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; }
  .spw-form:where(.spwf-default-style) :where(div.my-form) :where(textarea) {
    resize: vertical; }
  .spw-form:where(.spwf-default-style) :where(div.my-form) :where(select)::-ms-expand {
    display: none; }
  @media screen and (min-width: 768px) {
    .spw-form:where(.spwf-default-style) {
      padding: 1.4em 1.4em 1.6em; } }
  .spw-form:where(.spwf-default-style) :where(div.my-form) {
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    color: #555555;
    font-size: 14px; }
    .spw-form:where(.spwf-default-style) :where(div.my-form), .spw-form:where(.spwf-default-style) :where(div.my-form) :where(h1, h2, h3, h4, h5, h6, p, li, span, label, input, textarea, select, button) {
      color: #444444; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(a) {
      color: #2f9fbe;
      text-decoration: underline; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(h2) {
      margin: 1.5em 0 0.8em;
      font-size: 1.2em; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(h3) {
      margin: 1em 0 0.8em;
      font-size: 1.1em; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(p) {
      margin: 0.4em 0;
      font-size: 1em; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(span.spwf-reqire) {
      margin-left: 0.5em; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-notice) {
      margin: 0.6em 0; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-notice) :where(span.spwf-reqire) {
        margin-left: unset; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-notice),
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-reqire) {
      color: #db2108; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(div.in-block) {
      margin: 0 0 1.5em; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(div.spwf-buttons) {
      display: flex;
      flex-wrap: wrap;
      gap: 1em;
      align-items: center;
      justify-content: center;
      margin: 3em 0 0; }
  @media screen and (min-width: 768px) {
    .spw-form:where(.spwf-default-style) :where(div.my-form) {
      font-size: 16px; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(h2) {
        margin: 2em 0 1em; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(h3) {
        margin: 1em 0 0.8em; } }
  .spw-form:where(.spwf-default-style):where(.spw-form-confirm) :where(div.my-form) :where(div.in-block) {
    margin: unset;
    padding: 0 0 1em;
    border-bottom: 1px solid #cccccc; }
    .spw-form:where(.spwf-default-style):where(.spw-form-confirm) :where(div.my-form) :where(div.in-block) > :where(div) {
      margin: unset;
      padding: 0.6em 1em; }
  .spw-form:where(.spwf-default-style):where(.spw-form-thanks) :where(div.my-form) :where(.thanks) {
    margin: 3em 0;
    text-align: left; }
    .spw-form:where(.spwf-default-style):where(.spw-form-thanks) :where(div.my-form) :where(.thanks) :where(p) {
      line-height: 2.4em; }
  .spw-form:where(.spwf-default-style):where(.spw-form-thanks) :where(div.my-form) :where(p.spwf-back-to-form) {
    display: inline-block;
    margin: 3em auto 0;
    padding: 0 2em;
    border: 1px solid #cccccc;
    border-radius: 8px;
    background-color: #ffffff;
    line-height: 2.4em;
    transition: all 0.3s; }
    .spw-form:where(.spwf-default-style):where(.spw-form-thanks) :where(div.my-form) :where(p.spwf-back-to-form) :where(a) {
      color: #2f9fbe;
      text-decoration: none; }
    .spw-form:where(.spwf-default-style):where(.spw-form-thanks) :where(div.my-form) :where(p.spwf-back-to-form):hover {
      opacity: 0.6; }
  .spw-form:where(.spwf-default-style) :where(div.my-form) {
    /* SPWForm text input style start */
    /* SPWForm text input style end */
    /* SPWForm text input focus style start */
    /* SPWForm text input focus style end */
    /* SPWForm textarea style start */
    /* SPWForm textarea style end */
    /* SPWForm textarea focus style start */
    /* SPWForm textarea focus style end */
    /* SPWForm select style start */
    /* SPWForm select style end */
    /* SPWForm select focus style start */
    /* SPWForm select focus style end */
    /* SPWForm radio style start */
    /* SPWForm radio style end */
    /* SPWForm checkbox style start */
    /* SPWForm checkbox style end */
    /* SPWForm button style start */
    /* SPWForm button style end */
    /* SPWForm file input style start */
    /* SPWForm file input style end */ }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="text"]),
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="email"]),
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="tel"]),
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="url"]),
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="number"]),
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="password"]) {
      width: 100%;
      padding: 0.375em 0.75em;
      border: 1px solid #727272;
      border-radius: 0.3125em;
      background-color: #f9f9f9;
      color: #000000;
      font-size: 1.2em; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="text"])::placeholder,
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="email"])::placeholder,
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="tel"])::placeholder,
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="url"])::placeholder,
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="number"])::placeholder,
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="password"])::placeholder {
        color: #aaaaaa; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="text"]):focus,
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="email"]):focus,
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="tel"]):focus,
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="url"]):focus,
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="number"]):focus,
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="password"]):focus {
      box-shadow: 0 0 0 0.1875em #bfbfbf; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(textarea) {
      width: 100%;
      padding: 0.375em 0.75em;
      border: 1px solid #727272;
      border-radius: 0.3125em;
      background-color: #f9f9f9;
      color: #000000;
      font-size: 1.2em; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(textarea)::placeholder {
        color: #aaaaaa; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(textarea):focus {
      box-shadow: 0 0 0 0.1875em #bfbfbf; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-select) {
      position: relative;
      display: inline-block; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-select) :where(select) {
        padding: 0.4375em 2.5em 0.4375em 0.875em;
        border: 1.5px solid #999999;
        border-radius: 0.3125em;
        background-color: #f4f4f4;
        background-image: none;
        color: #000000;
        font-size: 1.14em;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-select) :where(select)::-ms-expand {
          display: none; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-select)::after {
        position: absolute;
        top: 38%;
        right: 1.125em;
        width: 0.375em;
        height: 0.375em;
        border: 0;
        border-bottom: 0.125em solid #000000;
        border-left: 0.125em solid #000000;
        content: "";
        pointer-events: none;
        transform: rotate(-45deg); }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-select) :where(select):focus {
      background-color: #e2e2e2;
      box-shadow: 0 0 0 0.1875em #bfbfbf; }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-radio) {
      --spwftmp-choice-label-margin: 0.15em 1em 0.5em 0;
      --spwftmp-choice-padding-left: 1.7em;
      --spwftmp-choice-font-size: 1em;
      --spwftmp-choice-line-height: 1.45;
      --spwftmp-choice-size: 1.3em;
      --spwftmp-choice-bg: #e2e2e2;
      --spwftmp-choice-border-width: 1.5px;
      --spwftmp-choice-border-style: solid;
      --spwftmp-choice-border-color: #e2e2e2;
      --spwftmp-choice-radius: 50%;
      --spwftmp-choice-checked-bg: #eaeaea;
      --spwftmp-choice-checked-border-color: #727272;
      --spwftmp-choice-focus-shadow: 0 0 0 0.1875em;
      --spwftmp-choice-focus-shadow-color: #bfbfbf;
      --spwftmp-choice-after-top: 50%;
      --spwftmp-choice-after-left: 0.4em;
      --spwftmp-choice-after-size: 0.5em;
      --spwftmp-choice-after-bg: #020202; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-radio) :where(input[type="radio"]) {
        display: none; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-radio) :where(input[type="radio"]) + :where(label) {
          position: relative;
          display: inline-flex;
          align-items: center;
          margin: var(--spwftmp-choice-label-margin);
          padding-left: var(--spwftmp-choice-padding-left);
          color: var(--spwftmp-choice-label-color);
          font-size: var(--spwftmp-choice-font-size);
          line-height: var(--spwftmp-choice-line-height);
          cursor: pointer; }
          .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-radio) :where(input[type="radio"]) + :where(label)::before {
            position: absolute;
            top: 50%;
            left: 0;
            box-sizing: border-box;
            width: var(--spwftmp-choice-size);
            height: var(--spwftmp-choice-size);
            border: var(--spwftmp-choice-border-width) var(--spwftmp-choice-border-style) var(--spwftmp-choice-border-color);
            border-radius: var(--spwftmp-choice-radius);
            background: var(--spwftmp-choice-bg);
            content: "";
            transform: translateY(-50%);
            transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease; }
          .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-radio) :where(input[type="radio"]) + :where(label)::after {
            position: absolute;
            top: var(--spwftmp-choice-after-top);
            left: var(--spwftmp-choice-after-left);
            width: var(--spwftmp-choice-after-size);
            height: var(--spwftmp-choice-after-size);
            border-radius: 50%;
            background: var(--spwftmp-choice-after-bg);
            content: "";
            transform: translateY(-50%) scale(0);
            transition: transform 0.14s ease; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-radio) :where(input[type="radio"]):checked + label::before {
          border-color: var(--spwftmp-choice-checked-border-color);
          background: var(--spwftmp-choice-checked-bg); }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-radio) :where(input[type="radio"]):checked + label::after {
          transform: translateY(-50%) scale(1); }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-radio) :where(input[type="radio"]):focus-visible + label::before {
          box-shadow: var(--spwftmp-choice-focus-shadow) var(--spwftmp-choice-focus-shadow-color); }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-checkbox) {
      --spwftmp-choice-label-margin: 0.15em 1em 0.5em 0;
      --spwftmp-choice-padding-left: 1.7em;
      --spwftmp-choice-font-size: 1em;
      --spwftmp-choice-line-height: 1.45;
      --spwftmp-choice-size: 1.3em;
      --spwftmp-choice-bg: #e2e2e2;
      --spwftmp-choice-border-width: 1.5px;
      --spwftmp-choice-border-style: solid;
      --spwftmp-choice-border-color: #e2e2e2;
      --spwftmp-choice-radius: 0.28em;
      --spwftmp-choice-checked-bg: #eaeaea;
      --spwftmp-choice-checked-border-color: #727272;
      --spwftmp-choice-focus-shadow: 0 0 0 0.1875em;
      --spwftmp-choice-focus-shadow-color: #bfbfbf;
      --spwftmp-choice-after-left: 0.27em;
      --spwftmp-choice-after-top: 47%;
      --spwftmp-choice-after-width: 0.66em;
      --spwftmp-choice-after-height: 0.38em;
      --spwftmp-choice-after-border-width: 2px;
      --spwftmp-choice-after-color: #020202; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-checkbox) :where(input[type="checkbox"]) {
        display: none; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-checkbox) :where(input[type="checkbox"]) + :where(label) {
          position: relative;
          display: inline-flex;
          align-items: center;
          margin: var(--spwftmp-choice-label-margin);
          padding-left: var(--spwftmp-choice-padding-left);
          color: var(--spwftmp-choice-label-color);
          font-size: var(--spwftmp-choice-font-size);
          line-height: var(--spwftmp-choice-line-height);
          cursor: pointer; }
          .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-checkbox) :where(input[type="checkbox"]) + :where(label)::before {
            position: absolute;
            top: 50%;
            left: 0;
            box-sizing: border-box;
            width: var(--spwftmp-choice-size);
            height: var(--spwftmp-choice-size);
            border: var(--spwftmp-choice-border-width) var(--spwftmp-choice-border-style) var(--spwftmp-choice-border-color);
            border-radius: var(--spwftmp-choice-radius);
            background: var(--spwftmp-choice-bg);
            content: "";
            transform: translateY(-50%);
            transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease; }
          .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-checkbox) :where(input[type="checkbox"]) + :where(label)::after {
            position: absolute;
            top: var(--spwftmp-choice-after-top);
            left: var(--spwftmp-choice-after-left);
            width: var(--spwftmp-choice-after-width);
            height: var(--spwftmp-choice-after-height);
            border: var(--spwftmp-choice-after-border-width) solid var(--spwftmp-choice-after-color);
            border-top: 0;
            border-right: 0;
            content: "";
            transform: translateY(-58%) rotate(-45deg) scale(0);
            transition: transform 0.14s ease; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-checkbox) :where(input[type="checkbox"]):checked + label::before {
          border-color: var(--spwftmp-choice-checked-border-color);
          background: var(--spwftmp-choice-checked-bg); }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-checkbox) :where(input[type="checkbox"]):checked + label::after {
          transform: translateY(-58%) rotate(-45deg) scale(1); }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-checkbox) :where(input[type="checkbox"]):focus-visible + label::before {
          box-shadow: var(--spwftmp-choice-focus-shadow) var(--spwftmp-choice-focus-shadow-color); }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) {
      display: flex;
      flex-wrap: wrap;
      gap: 1em;
      align-items: center;
      justify-content: flex-start;
      margin: 1.5em 0 0;
      padding: 0; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-confirm),
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-back),
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-submit) {
        margin: 0;
        padding: 0.8em 2.2em;
        border-radius: 0.5em;
        font-size: 1em;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-confirm) {
        border: 1px solid #dddddd;
        background-color: #cccccc;
        color: #555555; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-confirm):hover {
          border-color: #777777;
          background-color: #e5e5e5;
          color: #000000; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-back) {
        border: 1px solid #dddddd;
        background-color: #dddddd;
        color: #555555; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-back):hover {
          border-color: #b7b7b7;
          background-color: #cccccc;
          color: #000000; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-submit) {
        border: 1px solid #777777;
        background-color: #777777;
        color: #ffffff; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-submit):hover {
          border-color: #000000;
          background-color: #000000;
          color: #ffffff; }
    @media screen and (min-width: 768px) {
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) {
        gap: 0.6em;
        margin: 2em 0 0;
        padding: 0; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-confirm),
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-back),
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(.spwf-buttons) :where(input.spwf-submit) {
          padding: 0.8em 2.2em;
          font-size: 1em; } }
    .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="file"]) {
      width: 100%;
      margin: 0 0 0.25em;
      padding: 0.4em;
      border: 1px solid #f4f4f4;
      border-radius: 0.5em;
      background-color: #f4f4f4;
      color: #333333; }
      .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="file"])::file-selector-button {
        margin-right: 0.85em;
        padding: 0.52em 0.92em;
        border: 1px solid #727272;
        border-radius: 0.5em;
        background-color: #727272;
        color: #ffffff;
        cursor: pointer;
        transition: background-color 0.2s ease, border-color 0.2s ease; }
        .spw-form:where(.spwf-default-style) :where(div.my-form) :where(input[type="file"])::file-selector-button:hover {
          border-color: #383838;
          background-color: #383838; }

/*# sourceMappingURL=spwf_add.css.map */