:where(div.spw-form.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 */ }
  :where(div.spw-form.spwf-default-style) 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; }
  :where(div.spw-form.spwf-default-style) div.my-form textarea {
    resize: vertical; }
  :where(div.spw-form.spwf-default-style) div.my-form select::-ms-expand {
    display: none; }
  @media screen and (min-width: 768px) {
    :where(div.spw-form.spwf-default-style) {
      padding: 1.4em 1.4em 1.6em; } }
  :where(div.spw-form.spwf-default-style) div.my-form {
    box-sizing: border-box;
    font-size: 14px; }
    :where(div.spw-form.spwf-default-style) div.my-form, :where(div.spw-form.spwf-default-style) div.my-form h1, :where(div.spw-form.spwf-default-style) div.my-form h2, :where(div.spw-form.spwf-default-style) div.my-form h3, :where(div.spw-form.spwf-default-style) div.my-form h4, :where(div.spw-form.spwf-default-style) div.my-form h5, :where(div.spw-form.spwf-default-style) div.my-form h6, :where(div.spw-form.spwf-default-style) div.my-form p, :where(div.spw-form.spwf-default-style) div.my-form li, :where(div.spw-form.spwf-default-style) div.my-form span, :where(div.spw-form.spwf-default-style) div.my-form label, :where(div.spw-form.spwf-default-style) div.my-form input, :where(div.spw-form.spwf-default-style) div.my-form textarea, :where(div.spw-form.spwf-default-style) div.my-form select, :where(div.spw-form.spwf-default-style) div.my-form button {
      color: #444444; }
    :where(div.spw-form.spwf-default-style) div.my-form .spwf-notice,
    :where(div.spw-form.spwf-default-style) div.my-form .spwf-reqire {
      color: #db2108; }
  @media screen and (min-width: 768px) {
    :where(div.spw-form.spwf-default-style) div.my-form {
      font-size: 16px; } }
  :where(div.spw-form.spwf-default-style) 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 */ }
    :where(div.spw-form.spwf-default-style) div.my-form input[type="text"],
    :where(div.spw-form.spwf-default-style) div.my-form input[type="email"],
    :where(div.spw-form.spwf-default-style) div.my-form input[type="tel"],
    :where(div.spw-form.spwf-default-style) div.my-form input[type="url"],
    :where(div.spw-form.spwf-default-style) div.my-form input[type="number"],
    :where(div.spw-form.spwf-default-style) div.my-form 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; }
      :where(div.spw-form.spwf-default-style) div.my-form input[type="text"]::placeholder,
      :where(div.spw-form.spwf-default-style) div.my-form input[type="email"]::placeholder,
      :where(div.spw-form.spwf-default-style) div.my-form input[type="tel"]::placeholder,
      :where(div.spw-form.spwf-default-style) div.my-form input[type="url"]::placeholder,
      :where(div.spw-form.spwf-default-style) div.my-form input[type="number"]::placeholder,
      :where(div.spw-form.spwf-default-style) div.my-form input[type="password"]::placeholder {
        color: #aaaaaa; }
    :where(div.spw-form.spwf-default-style) div.my-form input[type="text"]:focus,
    :where(div.spw-form.spwf-default-style) div.my-form input[type="email"]:focus,
    :where(div.spw-form.spwf-default-style) div.my-form input[type="tel"]:focus,
    :where(div.spw-form.spwf-default-style) div.my-form input[type="url"]:focus,
    :where(div.spw-form.spwf-default-style) div.my-form input[type="number"]:focus,
    :where(div.spw-form.spwf-default-style) div.my-form input[type="password"]:focus {
      box-shadow: 0 0 0 0.1875em #bfbfbf; }
    :where(div.spw-form.spwf-default-style) div.my-form 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; }
      :where(div.spw-form.spwf-default-style) div.my-form textarea::placeholder {
        color: #aaaaaa; }
    :where(div.spw-form.spwf-default-style) div.my-form textarea:focus {
      box-shadow: 0 0 0 0.1875em #bfbfbf; }
    :where(div.spw-form.spwf-default-style) div.my-form .spwf-select {
      position: relative;
      display: inline-block; }
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-select 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; }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-select select::-ms-expand {
          display: none; }
      :where(div.spw-form.spwf-default-style) div.my-form .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); }
    :where(div.spw-form.spwf-default-style) div.my-form .spwf-select select:focus {
      background-color: #e2e2e2;
      box-shadow: 0 0 0 0.1875em #bfbfbf; }
    :where(div.spw-form.spwf-default-style) div.my-form .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; }
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-radio input[type="radio"] {
        display: none; }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-radio input[type="radio"] + 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; }
          :where(div.spw-form.spwf-default-style) div.my-form .spwf-radio input[type="radio"] + 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; }
          :where(div.spw-form.spwf-default-style) div.my-form .spwf-radio input[type="radio"] + 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; }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-radio input[type="radio"]:checked + label::before {
          border-color: var(--spwftmp-choice-checked-border-color);
          background: var(--spwftmp-choice-checked-bg); }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-radio input[type="radio"]:checked + label::after {
          transform: translateY(-50%) scale(1); }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-radio input[type="radio"]:focus-visible + label::before {
          box-shadow: var(--spwftmp-choice-focus-shadow) var(--spwftmp-choice-focus-shadow-color); }
    :where(div.spw-form.spwf-default-style) div.my-form .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; }
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-checkbox input[type="checkbox"] {
        display: none; }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-checkbox input[type="checkbox"] + 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; }
          :where(div.spw-form.spwf-default-style) div.my-form .spwf-checkbox input[type="checkbox"] + 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; }
          :where(div.spw-form.spwf-default-style) div.my-form .spwf-checkbox input[type="checkbox"] + 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; }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-checkbox input[type="checkbox"]:checked + label::before {
          border-color: var(--spwftmp-choice-checked-border-color);
          background: var(--spwftmp-choice-checked-bg); }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-checkbox input[type="checkbox"]:checked + label::after {
          transform: translateY(-58%) rotate(-45deg) scale(1); }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-checkbox input[type="checkbox"]:focus-visible + label::before {
          box-shadow: var(--spwftmp-choice-focus-shadow) var(--spwftmp-choice-focus-shadow-color); }
    :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 1em;
      align-items: center;
      justify-content: flex-start;
      margin: 1.5em 0 0;
      padding: 0; }
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-confirm,
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-back,
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons 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; }
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-confirm {
        border: 1px solid #dddddd;
        background-color: #cccccc;
        color: #555555; }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-confirm:hover {
          border-color: #777777;
          background-color: #e5e5e5;
          color: #000000; }
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-back {
        border: 1px solid #dddddd;
        background-color: #dddddd;
        color: #555555; }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-back:hover {
          border-color: #b7b7b7;
          background-color: #cccccc;
          color: #000000; }
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-submit {
        border: 1px solid #777777;
        background-color: #777777;
        color: #ffffff; }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-submit:hover {
          border-color: #000000;
          background-color: #000000;
          color: #ffffff; }
    @media screen and (min-width: 768px) {
      :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons {
        gap: 0.6em;
        margin: 2em 0 0;
        padding: 0; }
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-confirm,
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-back,
        :where(div.spw-form.spwf-default-style) div.my-form .spwf-buttons input.spwf-submit {
          padding: 0.8em 2.2em;
          font-size: 1em; } }
    :where(div.spw-form.spwf-default-style) div.my-form 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; }
      :where(div.spw-form.spwf-default-style) div.my-form 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; }
        :where(div.spw-form.spwf-default-style) div.my-form input[type="file"]::file-selector-button:hover {
          border-color: #383838;
          background-color: #383838; }

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