.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link:focus {
  position: fixed;
  z-index: 1000;
  top: 1rem;
  left: 1rem;
  width: auto;
  height: auto;
  margin: 0;
  padding: .75rem 1rem;
  overflow: visible;
  clip: auto;
  background: #fff;
  color: #111;
  white-space: normal;
}

html[dir="rtl"] body {
  direction: ltr;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] p,
html[dir="rtl"] label,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] button,
html[dir="rtl"] nav a,
html[dir="rtl"] .kv-ee-button-has-title {
  direction: rtl;
  unicode-bidi: plaintext;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea {
  text-align: right;
}

html[dir="rtl"] [data-type="address"],
html[dir="rtl"] [data-type="email"],
html[dir="rtl"] [data-type="phone"] {
  direction: ltr;
  unicode-bidi: isolate;
}

.kv-ee-error-container,
.kv-ee-error-captcha-container {
  max-width: 100%;
}

html:lang(zh) h1,
html:lang(zh) h2,
html:lang(zh) h3,
html:lang(zh) h4,
html:lang(zh) p,
html:lang(ja) h1,
html:lang(ja) h2,
html:lang(ja) h3,
html:lang(ja) h4,
html:lang(ja) p {
  word-break: normal;
  overflow-wrap: anywhere;
}

html:lang(ar) input,
html:lang(ar) textarea,
html:lang(ur) input,
html:lang(ur) textarea {
  font-family: Arial, sans-serif;
}
