.np-option:has(:focus-visible) {
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
  outline-offset: 0;
  outline-offset: var(--ring-outline-offset);
  --ring-outline-offset: 0;
}
.np-option:has(:focus-visible) *:focus-visible {
  outline: none;
}
.np-option .circle-sm {
  width: 40px;
  width: var(--size-40);
  height: 40px;
  height: var(--size-40);
}
.np-option__title {
  color: #37517e;
  color: var(--color-content-primary);
  font-size: 1rem;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  letter-spacing: 0;
  line-height: 1.5;
  line-height: var(--line-height-body);
  margin: 0;
}
.np-option__body {
  margin-top: 4px;
  margin-top: var(--size-4);
  color: #5d7079;
  color: var(--color-content-secondary);
  font-size: 0.875rem;
  font-size: var(--font-size-14);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  line-height: 1.42857;
}
.np-option__sm-media.decision .media-left {
  display: block;
}
.np-option__no-media-circle {
  min-width: 48px;
  min-width: var(--size-48);
  max-width: 64px;
  max-width: var(--size-64);
  display: flex;
  justify-content: center;
}
.np-option__no-media-circle > * {
  max-height: 76px;
}
button.np-option {
  background-color: transparent;
  width: 100%;
  text-align: left;
}
[dir="rtl"] button.np-option {
  text-align: right;
}
.np-theme-personal .np-option .circle {
  overflow: visible;
}
.np-theme-personal .np-option .circle-sm {
  width: 48px;
  width: var(--size-48);
  height: 48px;
  height: var(--size-48);
  line-height: 48px;
  line-height: var(--size-48);
}
@media (max-width: 320px) {
  .np-theme-personal .np-option .circle-sm {
    width: 96px;
    width: var(--size-96);
    height: 96px;
    height: var(--size-96);
    line-height: 96px;
    line-height: var(--size-96);
  }
}
.np-theme-personal .np-option__body {
  margin: 4px 0 0;
  margin: var(--size-4) 0 0;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.np-theme-personal .np-option__container-aligned {
  margin-right: calc(-1 * 16px);
  margin-right: calc(-1 * var(--space-content-horizontal));
  margin-left: calc(-1 * 16px);
  margin-left: calc(-1 * var(--space-content-horizontal));
  max-width: none;
  width: auto;
}
@media (min-width: 600px) {
  .np-theme-personal .np-option {
    border-radius: 10px;
    border-radius: var(--radius-small);
  }
}
.np-theme-personal .np-option-additional-content {
  margin-left: 80px;
  margin-left: var(--size-80);
  margin-right: 16px;
  margin-right: var(--size-16);
  margin-top: -10px;
  padding-bottom: 16px;
  padding-bottom: var(--size-16);
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media (max-width: 320px) {
  .np-theme-personal :not(.np-option__sm-media) > .np-option-additional-content {
    margin-left: 16px;
    margin-left: var(--size-16);
  }
  .np-theme-personal .np-option-additional-content {
    margin-top: -3px;
  }
}
