.np-Card {
  --Card-image-scale: 1;
  --Card-image-translate: 0;
  --Card-indicator-text-background-color: var(--color-background-neutral);
  --Card-indicator-icon-background-color: var(--color-interactive-accent);
  --Card-indicator-icon-color: var(--color-interactive-control);
  --Card-check-background-color: var(--color-interactive-primary);
  --Card-check-color: var(--color-interactive-control);
}
.np-Card--promoCard {
  --Card-max-width: 358px;
}
.np-Card--promoCard.is-disabled {
  opacity: 0.45;
  filter: grayscale(1);
}
.np-Card-image {
  transform: scale(var(--Card-image-scale)) translateY(var(--Card-image-translate));
  transition: transform 0.5s ease-in-out;
  margin: 0 auto;
  width: 100%;
  height: auto;
  width: calc(100% + 48px);
  width: calc(100% + var(--size-48));
  left: calc(24px * -1);
  left: calc(var(--size-24) * -1);
  position: relative;
}
[dir="rtl"] .np-Card-image {
  left: auto;
  right: calc(24px * -1);
  right: calc(var(--size-24) * -1);
}
.np-Card-description {
  color: #5d7079;
  color: var(--color-content-secondary);
}
.np-Card-indicator {
  position: absolute;
  right: 8px;
  right: var(--size-8);
  bottom: 8px;
  bottom: var(--size-8);
  display: flex;
  gap: 4px;
  gap: var(--size-4);
}
[dir="rtl"] .np-Card-indicator {
  right: auto;
  left: 8px;
  left: var(--size-8);
}
.np-Card-indicatorText {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  background: var(--Card-indicator-text-background-color);
  padding: 16px;
  padding: var(--size-16);
  border-radius: 100px;
}
.np-Card-indicatorIcon .tw-icon {
  color: var(--Card-indicator-icon-color);
}
[dir="rtl"] .np-Card-indicatorIcon .tw-icon {
  transform: scaleX(-1);
}
.np-Card--checked,
.np-Card--link {
  color: currentColor;
  cursor: pointer;
  box-shadow: none;
  transform: scale(1);
  transition: box-shadow 0.2s ease-in-out, transform 0.5s ease-in-out;
}
.np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--bright-green):not(.np-theme-personal--forest-green) .np-Card--checked,
.np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--bright-green):not(.np-theme-personal--forest-green) .np-Card--link {
  --Card-box-shadow: 0px 20px var(--size-40) 0px var(--color-background-neutral);
  --Card-check-color: var(--color-interactive-accent);
}
.np-Card--checked.is-disabled,
.np-Card--link.is-disabled {
  cursor: not-allowed;
}
@media (prefers-reduced-motion: reduce) {
  .np-Card--checked,
  .np-Card--link {
    transition: none;
  }
}
.np-Card--checked:hover:not(.is-disabled):not(:disabled):not(.is-checked):not(:focus-within),
.np-Card--link:hover:not(.is-disabled):not(:disabled):not(.is-checked):not(:focus-within) {
  --Card-image-scale: 1.1;
  box-shadow: var(--Card-box-shadow);
}
.np-Card--checked:active:not(.is-disabled):not(:disabled):not(.is-checked),
.np-Card--link:active:not(.is-disabled):not(:disabled):not(.is-checked) {
  --Card-background-color: var(--color-background-neutral-active);
  --Card-image-scale: 1.1;
  --Card-image-translate: var(--size-8);
  transform: scale(98%);
  box-shadow: var(--Card-box-shadow);
}
.np-theme-personal--bright-green .np-Card--checked:active:not(.is-disabled):not(:disabled):not(.is-checked),
.np-theme-personal--bright-green .np-Card--link:active:not(.is-disabled):not(:disabled):not(.is-checked) {
  --Card-background-color: var(--color-background-neutral);
}
.np-Card--checked:has(:focus-visible):not(.np-Card--checked),
.np-Card--link:has(:focus-visible):not(.np-Card--checked),
.np-Card--checked:focus-visible:not(.is-disabled):not(:disabled),
.np-Card--link:focus-visible:not(.is-disabled):not(:disabled) {
  --Card-image-scale: 1.1;
  outline: var(--ring-outline-color) solid 4px;
  outline: var(--ring-outline-color) solid var(--size-4);
  outline-offset: 4px;
  outline-offset: var(--size-4);
  box-shadow: var(--Card-box-shadow);
}
.np-Card--checked:has(.np-Card-closeButton:focus-visible),
.np-Card--link:has(.np-Card-closeButton:focus-visible) {
  outline: none;
}
.np-Card--link .np-Card-titleLink {
  color: #37517e;
  color: var(--color-content-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.np-Card--link .np-Card-titleLink:focus-visible {
  outline: none;
}
.np-Card--link .np-Card-titleLink::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
}
.np-Card--checked.is-checked {
  box-shadow: 0 0 0 4px var(--color-interactive-primary);
  box-shadow: 0 0 0 var(--size-4) var(--color-interactive-primary);
}
.np-Card--checked.is-checked .np-Card-check {
  color: var(--Card-check-color);
  background: var(--Card-check-background-color);
  border-radius: 9999px;
  border-radius: var(--radius-full);
  display: flex;
  height: 40px;
  height: var(--size-40);
  position: absolute;
  right: 8px;
  right: var(--size-8);
  top: 8px;
  top: var(--size-8);
  width: 40px;
  width: var(--size-40);
  justify-content: center;
  align-items: center;
}
[dir="rtl"] .np-Card--checked.is-checked .np-Card-check {
  right: auto;
  left: 8px;
  left: var(--size-8);
}
.np-Card--checked.is-checked:focus-visible:not(.is-disabled):not(:disabled) {
  box-shadow: none;
}
.np-CardGroup {
  display: flex;
  flex-direction: column;
  gap: 24px;
  gap: var(--size-24);
  width: 100%;
}
@media (min-width: 768px) {
  .np-CardGroup {
    flex-direction: row;
  }
}
.np-CardGroup .np-Card.np-Card--promoCard {
  max-width: 100%;
}
