/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer components {
  .webform-submission-form {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--hg-container-4xl, 56rem);
    padding: calc(var(--hg-spacing, 4px) * 0);
    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  .webform-submission-form,
  .fieldset-wrapper,
  *[id^="edit-page-"] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--hg-spacing, 4px) * 8);
  }
  fieldset:not(.webform-type-fieldset) .fieldset-wrapper {
    gap: calc(var(--hg-spacing, 4px) * 1);
  }
  label,
  .fieldset-legend {
    margin-bottom: calc(var(--hg-spacing, 4px) * 1);
    display: block;
    font-size: var(--hg-text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--hg-text-sm--line-height, 1.5));
    --tw-font-weight: var(--hg-font-weight-semibold, 600);
    font-weight: var(--hg-font-weight-semibold, 600);
    color: var(--hgc-webform-label);
    @media (width >= 48rem) {
      font-size: var(--hg-text-base, 1rem);
      line-height: var(--tw-leading, var(--hg-text-base--line-height, 1.5));
    }
  }
  .form-item:focus-within,
  .fieldgroup:focus-within {
    > label,
    .fieldset-legend {
      color: var(--hgc-webform-label-focus);
    }
  }
  .webform-element-description {
    margin-top: calc(var(--hg-spacing, 4px) * 2);
    font-size: var(--hg-text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--hg-text-xs--line-height, 1.5));
  }
  .form-required::after {
    margin-left: calc(var(--hg-spacing, 4px) * 1);
    color: var(--hg-color-red-500, oklch(63.7% 0.237 25.331));
    content: "*";
  }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="date"],
  input[type="time"],
  textarea,
  select {
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--hgc-webform-border);
    background-color: transparent;
    padding-inline: calc(var(--hg-spacing, 4px) * 0);
    padding-block: calc(var(--hg-spacing, 4px) * 2);
    font-size: var(--hg-text-base, 1rem);
    line-height: var(--tw-leading, var(--hg-text-base--line-height, 1.5));
    color: var(--hgc-webform-text);
    --tw-outline-style: none;
    outline-style: none;
  }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="date"]:focus,
  input[type="time"]:focus,
  textarea:focus,
  select:focus {
    border-color: var(--hgc-webform-focus-border);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  select:focus {
    color: var(--hgc-webform-text);
  }
  input::placeholder,
  textarea::placeholder,
  select {
    color: var(--hgc-webform-placeholder);
  }
  textarea {
    min-height: 80px;
    resize: vertical;
  }
  .form-submit,
  input.button {
    cursor: pointer;
    border-radius: var(--hg-radius-lg, 0.5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--hgc-webform-button-border);
    background-color: var(--hgc-webform-button-fill);
    padding-inline: calc(var(--hg-spacing, 4px) * 5);
    padding-block: 10px;
    font-size: var(--hg-text-base, 1rem);
    line-height: var(--tw-leading, var(--hg-text-base--line-height, 1.5));
    color: var(--hgc-webform-button-text);
    border-radius: var(--hgc-webform-button-radius) !important;
  }
  .form-submit:hover,
  input.button:hover {
    border-color: var(--hgc-webform-button-border-hover);
    background-color: var(--hgc-webform-button-fill-hover);
    color: var(--hgc-webform-button-text-hover);
  }
  .form-item--error input,
  .form-item--error textarea,
  .form-item--error select {
    border-color: var(--hg-color-red-500, oklch(63.7% 0.237 25.331));
  }
  .form-item--error input:focus,
  .form-item--error textarea:focus,
  .form-item--error select:focus {
    border-color: var(--hg-color-red-500, oklch(63.7% 0.237 25.331));
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .form-item--error-message {
    margin-top: calc(var(--hg-spacing, 4px) * 1);
    margin-bottom: calc(var(--hg-spacing, 4px) * 3);
    flex-basis: 100%;
    font-size: var(--hg-text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--hg-text-sm--line-height, 1.5));
    color: var(--hg-color-red-500, oklch(63.7% 0.237 25.331));
  }
  .webform-options-display-one-column {
    display: flex;
    flex-direction: column;
    gap: calc(var(--hg-spacing, 4px) * 2);
  }
  .webform-type-checkbox.form-item,
  .webform-type-radio.form-item {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--hg-spacing, 4px) * 2);
    label {
      margin: calc(var(--hg-spacing, 4px) * 0);
      --tw-font-weight: var(--hg-font-weight-normal, 400);
      font-weight: var(--hg-font-weight-normal, 400);
    }
  }
  .progress-text {
    color: inherit !important;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}
