/* JobTread web-form styles (from official embed code).
   These styles are scoped to `.jtwf` and its children so they only affect
   the JobTread form and don't leak into the rest of the site. */

@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    .jtwf *, .jtwf :before, .jtwf :after, .jtwf ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --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;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}
@layer theme {
  .jtwf {
    --color-red-500: oklch(63.7% .237 25.331);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --radius-sm: .25rem;
    --default-transition-duration: .25s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }
}
@layer base {
  .jtwf *, .jtwf :after, .jtwf :before, .jtwf ::backdrop { border-color: var(--color-gray-200, currentColor); }
  .jtwf ::file-selector-button { border-color: var(--color-gray-200, currentColor); }
  .jtwf * { box-sizing: border-box; border: 0 solid #e5e7eb; }
  .jtwf button, .jtwf input, .jtwf optgroup, .jtwf select, .jtwf textarea {
    font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0;
  }
}
@layer components;
@layer utilities {
  .jtwf .mx-auto { margin-inline: auto; }
  .jtwf .block { display: block; }
  .jtwf .flex { display: flex; }
  .jtwf .max-h-24 { max-height: calc(var(--spacing) * 24); }
  .jtwf .w-full { width: 100%; }
  .jtwf .max-w-full { max-width: 100%; }
  .jtwf .max-w-sm { max-width: var(--container-sm); }
  .jtwf .min-w-0 { min-width: 0; }
  .jtwf .shrink-0 { flex-shrink: 0; }
  .jtwf .grow { flex-grow: 1; }
  .jtwf .cursor-pointer { cursor: pointer; }
  .jtwf .appearance-none { appearance: none; }
  .jtwf .items-center { align-items: center; }
  .jtwf .gap-2 { gap: calc(var(--spacing) * 2); }
  .jtwf :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .jtwf :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  .jtwf .overflow-hidden { overflow: hidden; }
  .jtwf .rounded-sm { border-radius: var(--radius-sm); }
  .jtwf .border { border-style: var(--tw-border-style); border-width: 1px; }
  .jtwf .bg-white { background-color: var(--color-white); }
  .jtwf .p-2 { padding: calc(var(--spacing) * 2); }
  .jtwf .p-4 { padding: calc(var(--spacing) * 4); }
  .jtwf .px-4 { padding-inline: calc(var(--spacing) * 4); }
  .jtwf .py-2 { padding-block: calc(var(--spacing) * 2); }
  .jtwf .text-center { text-align: center; }
  .jtwf .text-right { text-align: right; }
  .jtwf .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
  .jtwf .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
  .jtwf .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }
  .jtwf .text-gray-500 { color: var(--color-gray-500); }
  .jtwf .text-red-500 { color: var(--color-red-500); }
  .jtwf .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .jtwf .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .jtwf .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .jtwf .ring-gray-200 { --tw-ring-color: var(--color-gray-200); }
  .jtwf .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .jtwf .focus-within\:bg-white:focus-within { background-color: var(--color-white); }
  .jtwf .focus-within\:ring-3:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .jtwf .focus-within\:ring-blue-500:focus-within { --tw-ring-color: var(--color-blue-500); }
  @media (hover: hover) {
    .jtwf .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); }
    .jtwf .hover\:brightness-95:hover { --tw-brightness: brightness(95%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  }
  .jtwf .\[\&\:\:-webkit-date-and-time-value\]\:h-5::-webkit-date-and-time-value { height: calc(var(--spacing) * 5); }
  @media (hover: hover) {
    .jtwf .hover\:\[\&\:not\(\:focus-within\)\]\:border-gray-300:hover:not(:focus-within) { border-color: var(--color-gray-300); }
    .jtwf .hover\:\[\&\:not\(\:focus-within\)\]\:bg-gray-50:hover:not(:focus-within) { background-color: var(--color-gray-50); }
  }
}

@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@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: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }