.osbe-policies-nav {
  display: flex;
  flex-direction: column;
  gap: var(--osbe-sp-3);
}

.osbe-policies-nav__select {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--osbe-color-syringa);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--osbe-radius-md);
  padding: var(--osbe-sp-2) var(--osbe-sp-8) var(--osbe-sp-2) var(--osbe-sp-3);
  font-family: var(--osbe-font-body);
  font-size: var(--osbe-fs-base);
  line-height: var(--osbe-lh-normal);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23fefffb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--osbe-sp-3) center;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: var(--osbe-sp-2);
}

.osbe-policies-nav__select:focus-visible {
  outline: 3px solid var(--osbe-color-gold);
  outline-offset: 2px;
}

.osbe-policies-nav__select option {
  background-color: var(--osbe-color-navy);
  color: var(--osbe-color-syringa);
}