.wedoc-identity-host { display: contents; }
.wedoc-element-secret-input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 12px;
  border: 1px solid var(--cpd-color-gray-600, #8d9691);
  border-radius: 8px;
  background: var(--cpd-color-bg-canvas-default, #fff);
  color: var(--cpd-color-text-primary, #171e19);
  font: inherit;
  line-height: 1.4;
  white-space: pre;
  overflow: hidden;
  outline-offset: 2px;
  cursor: text;
}
.wedoc-element-secret-input:empty::before {
  content: attr(data-placeholder);
  color: var(--cpd-color-text-secondary, #65736a);
  pointer-events: none;
}
.wedoc-element-secret-input:focus-visible {
  outline: 2px solid var(--cpd-color-border-focused, #286f3c);
}
.wedoc-element-secret-input[aria-disabled="true"] { opacity: .6; cursor: default; }
.wedoc-identity-error:empty { display: none; }
.wedoc-identity-error { display: block; color: var(--cpd-color-text-critical-primary, #a23025); font-size: 13px; }
/* Field's input-specific floating-label rules do not apply to contenteditables. */
.mx_Field:has(.wedoc-element-secret-input) > label {
  position: absolute;
  top: -7px;
  left: 9px;
  padding: 0 3px;
  transform: none;
  font-size: 12px;
  line-height: 14px;
  background: var(--cpd-color-bg-canvas-default, #fff);
  z-index: 1;
}

.wedoc-element-secret-wrap { position: relative; display: block; width: 100%; }
.wedoc-element-secret-wrap .wedoc-element-secret-input { padding-right: 62px; }
.wedoc-element-reveal { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); padding: 5px; border: 0; border-radius: 4px; background: transparent; color: var(--cpd-color-text-secondary, #286f3c); font: inherit; font-size: 13px; cursor: pointer; }
.wedoc-element-reveal:focus-visible { outline: 2px solid var(--cpd-color-border-focused, #286f3c); }