.haoyi-language-picker {
  position: relative;
  display: inline-flex;
  min-width: 84px;
  height: 38px;
  align-items: center;
  gap: 7px;
  padding: 0 7px 0 10px;
  border: 1px solid #d3e1e7;
  background: rgba(245, 251, 252, 0.72);
  color: #0a4568;
}

.haoyi-language-picker:focus-within {
  border-color: #0e608f;
  box-shadow: 0 0 0 3px rgba(22, 134, 183, 0.12);
}

.haoyi-language-icon {
  position: relative;
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.haoyi-language-icon::before,
.haoyi-language-icon::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.haoyi-language-icon::before {
  top: 5px;
  right: 1px;
  left: 1px;
  height: 1px;
  background: currentColor;
}

.haoyi-language-icon::after {
  top: 1px;
  bottom: 1px;
  left: 5px;
  width: 3px;
  border-right: 1px solid currentColor;
  border-left: 1px solid currentColor;
  border-radius: 50%;
}

.haoyi-language-select {
  width: 52px;
  min-width: 0;
  height: 100%;
  padding: 0 16px 0 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #102f45;
  cursor: pointer;
  font-family: "Bahnschrift", "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.haoyi-language-select option {
  background: #fffdf6;
  color: #102f45;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 500;
}

html[dir="rtl"] body.haoyi-wordpress-page .hy-site {
  direction: rtl;
}

html[dir="rtl"] body.haoyi-wordpress-page .hy-site,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site button,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site input,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site textarea,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site select {
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
}

html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-topbar .hy-shell,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-nav-wrap,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-section-head,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-inquiry-grid,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-footer-top,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-footer-bottom {
  direction: rtl;
}

html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-product-card h3,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-product-card p,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-project-caption {
  text-align: right;
}

html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-spec-table,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-product-number {
  direction: ltr;
}

html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-hero-copy,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-inquiry-grid > div:first-child {
  text-align: right;
}

html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-hero-actions,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-inquiry-actions,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-section-label,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-eyebrow {
  direction: rtl;
}

html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-breadcrumbs,
html[dir="rtl"] body.haoyi-wordpress-page .hy-site .hy-text-link {
  direction: rtl;
}

@media (max-width: 820px) {
  .haoyi-language-picker {
    min-width: 78px;
    height: 40px;
    padding-left: 8px;
  }

  .haoyi-language-select {
    width: 48px;
    padding-right: 8px;
    font-size: 10px;
  }
}

@media (max-width: 420px) {
  .haoyi-language-icon {
    display: none;
  }

  .haoyi-language-picker {
    min-width: 61px;
    padding-left: 8px;
  }
}