/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
      --tw-border-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}

.IncodeSignature .IncodeSrOnly {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.IncodeSignature .IncodeSignatureContent {
  width: 100%;
  height: 100%;
  padding-top: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeSignature .IncodeSignatureButtonContainer {
  margin-block: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeSignature.IncodeSignatureFadeIn {
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
}

.IncodeSignature .IncodeSignatureCanvasContainer {
  width: 100%;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  border-radius: var(--radius-small, var(--border-radius-small));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-regular, var(--primitive-border-width-1));
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-input-border-default, var(--input-border-default));
  background-color: var(--color-input-surface-default, var(--input-surface-default));
  height: var(--signature-canvas-height);
  max-width: var(--signature-canvas-max-width);
  align-self: center;
  position: relative;
}

.IncodeSignature .IncodeSignatureCanvas {
  width: 100%;
  height: 100%;
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeSignature .IncodeSignatureCanvasPlaceholder {
  font-family: var(--typography-input-dropdown-family);
  font-size: var(--typography-input-dropdown-m-size);
  font-weight: var(--typography-input-dropdown-m-weight);
  line-height: var(--typography-input-dropdown-m-line-height);
  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  pointer-events: none;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
  position: absolute;
  top: 50%;
  left: 50%;
}

.IncodeSignature .IncodeSignatureSuccess {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}