.np-navigation-option {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: transparent;
  text-align: left;
  width: 100%;
  --ring-outline-offset: 0;
}
[dir="rtl"] .np-navigation-option {
  border-right: 0  ;
}
html:not([dir="rtl"]) .np-navigation-option {
  border-left: 0  ;
}
[dir="rtl"] .np-navigation-option {
  border-left: 0  ;
}
html:not([dir="rtl"]) .np-navigation-option {
  border-right: 0  ;
}
[dir="rtl"] .np-navigation-option {
  text-align: right;
}
.np-navigation-option:hover,
.np-navigation-option:focus {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.np-navigation-option:not(.disabled):not(:disabled):hover .tw-avatar__content {
  background-color: #ffffff;
  background-color: var(--color-background-screen);
}
.np-theme-personal .np-navigation-option:not(.disabled):not(:disabled):hover .tw-avatar__content {
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
}
.np-navigation-option .circle {
  border: none;
}
.np-navigation-option:focus {
  outline: none;
}
.np-navigation-option:focus-visible {
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
  outline-offset: var(--ring-outline-offset);
}
.np-theme-personal .np-navigation-option {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.np-navigation-option__chevron {
  padding: 0;
  border: none;
  outline: none;
  background: none;
}
.np-navigation-option__chevron:not(.disabled):not(:disabled):hover,
.np-navigation-option__chevron:not(.disabled):not(:disabled):focus {
  color: #0084b3;
  color: var(--color-content-accent-hover);
}
.np-navigation-option__chevron:not(.disabled):not(:disabled):active {
  color: #0077a5;
  color: var(--color-content-accent-active);
}
.np-theme-personal .np-option__container-aligned {
  width: calc(100% + 2 * 16px);
  width: calc(100% + 2 * var(--space-content-horizontal));
}